JavaFX学习笔记三:Hello World, JavaFX样式
2017-09-26 00:00
399 查看
构建应用程序
1. 从”File”菜单中选择”New Project”。2. 在”JavaFX”应用程序分类中,选择”JavaFX Application”,单击”Next”按钮。
3. 将Project命名为”HelloWorld”并单击”Finish”按钮。
NetBeans将会打开HelloWorld.java文件并且使用基本的Hello World应用程序代码来填充其内容,如例3-1所示。
例3-1 Hello World
package application; import javafx.application.Application; import javafx.event.ActionEvent; import javafx.event.EventHandler; import javafx.stage.Stage; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.BorderPane; import javafx.scene.layout.StackPane; public class Main extends Application { @Override public void start(Stage primaryStage) { try { Button btn = new Button(); btn.setText("Say 'Hello World'"); btn.setOnAction(new EventHandler<ActionEvent>() { @Override public void handle(ActionEvent event) { System.out.println("Hello World!"); } }); // BorderPane root = new BorderPane(); StackPane root = new StackPane(); root.getChildren().add(btn); Scene scene = new Scene(root,400,400); //scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm()); primaryStage.setTitle("Hello World!"); primaryStage.setScene(scene); primaryStage.show(); } catch(Exception e) { e.printStackTrace(); } } public static void main(String[] args) { launch(args); } }
下面是理解JavaFX应用程序基本结构需要了解的一些重点:
● JavaFX应用程序的主类需要继承自application.Application类。start()方法是所有JavaFX应用程序的入口。
● JavaFX应用程序将UI容器定义为舞台(Stage)与场景(Scene)。Stage类是JavaFX顶级容器。Scene类是所有内容的容器。例3-1中创建了Stage和Scene,然后为Scene设置了大小并使其可见。
● 在JavaFX中,Scene中的内容会以由图形节点(Node)构成的分层场景图(Scene Graph)来展现。在本例中,root节点是一个StackPane对象,它是一个可以调整大小的layout节点。这就意味着在用户改变stage大小时,root节点可以随scene的大小变化而变化。
● root节点包含一个带文本的按钮子节点,按钮上添加了一个事件处理器(Event Handler),它在点击按钮时会向控制台输出信息。
● 当JavaFX应用程序是通过JavaFX Packager工具打包时,main()方法就不是必需的的了,因为JavaFX Package工具会将JavaFX Launcher嵌入到JAR文件中。但是保留main()方法还是很有用的,这样你可以运行不带有JavaFX Launcher的JAR文件,例如在使用某些没有将JavaFX工具完全集成进去的IDE时。另外嵌入了JavaFX代码的Swing应用程序仍需要main()方法。
下图展示了Hello World应用程序的场景图(Scene Graph):
图3-1 Hello World场景图
运行应用程序
1. 在Projects窗体中,右键单击HelloWorld工程节点并选择Run菜单。2. 单击Say Hallo World按钮。
3. 检查在控制台输出窗口中是否打印出了”Hello World”文本。
图3-2展示了JavaFX风格的Hello World应用程序。
图3-2 JavaFX 风格的Hello World
总结了基本的Hello World教程,程序创建,Button控件的使用。
相关文章推荐
- python-django学习笔记-第一个hello world
- silverlight学习笔记。Style的继承(BaseOn)默认样式的问题
- JAX-RPC学习笔记(1)-Hello World!
- 【HTML5学习笔记】20:CSS文本样式 下
- wpf学习笔记-样式
- react native 学习笔记之hello world
- react native 学习笔记之指定样式,宽,高
- [Soot学习笔记][3]通过Soot API生成Hello World程序
- 学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式(上)
- ExtJS学习笔记 layout的9种样式风格总结(转)
- Css 样式学习笔记(1)
- 安卓学习笔记---自定义漂亮的Android SeekBar样式
- jQuery学习笔记(5)--表单域获得焦点和失去焦点样式变化
- JPA学习笔记-Hello world
- CSS从基础到熟练学习笔记(一)引入CSS样式的三种方式以及多种样式的优先级
- 【HTML5学习笔记】19:CSS文本样式 上
- ArcGIS API for JavaScript 4.2学习笔记[22] 使用【QueryTask类】进行空间查询 / 弹窗样式
- Jquery学习笔记:Hello World
- VUE学习笔记五:基础语法之样式绑定
- Go语言学习笔记一: Hello World