目标 : JavaFX 基本介绍

基本布局面板使用

登录界面制作

JavaFX基本介绍

JavaFX是用于构建富互联网应用程序的Java库。 使用此库编写的应用程序可以跨多个平台一致运行。

使用JavaFX开发的应用程序可以在各种设备上运行,如台式计算机,手机,电视,平板电脑等。 要使用Java编程语言开发GUI应用程序,程序员依赖于诸如高级窗口工具包(AWT)和Swings之类的库。

在JavaFX出现之后,这些Java程序开发就可以有效地利用丰富的类库来开发GUI应用程序。

代码介绍

javafx 官方教程 javafx java_控件

 

 

 Application 是 JavaFX 程序的入口,

任何 JavaFX 应用程序程序都要继承该类并重写 start() 方法 通过 main() 执行 Application 的 launch() 方法 launch 方法会默认执行该类下的 init() 、 start() 、 stop() 方法 方法执行后的显示顺序为: init() 方法➡ start() 方法➡ stop() 方法

javafx 官方教程 javafx java_应用程序_02

 

 

 

当 start 方法中没写内容的时候,运行时是没有效果的,所以需要添加以下代码:

javafx 官方教程 javafx java_JavaFX_03

 

 

 方法中的参数 primaryStage 表示的就是当前该程序的舞台对象。

一定要记得添加 primaryStage.show() ,不然运行完成之后是没效果的,然后就会怀疑自己代码写错了

整体结构

javafx 官方教程 javafx java_控件_04

 

 

 Stage 是一个主容器,或者说是 舞台 ,它就是我们通常所认为的窗口(有边,高和宽,还有关闭按钮)。

在舞台里面,我们可以放置一 个 Scene 也就是 场景 ,我们可以把 Scene 理解为子容器,当然你可以切换别的 Scene ,而在这个 Scene 里面,我们就可以放置各种 各样的控件。

场景面板介绍

布局面板需要和场景搭配使用,如果我们需要将内容显示出来,就需要将内容放到布局对象中,同时也还需要将该布局面板与一个场 景绑定在一起,再把场景绑定到舞台中,就完成显示了。

舞台(Stage)包含 场景(Scene),场景与布局绑定,布局中可以放入多个控件 FlowPane

流式布局 FlowPane

它会在一行上排列连续的子组件,并且如果当前行填满了以后,则自动将子组件向下推到下一行。

javafx 官方教程 javafx java_javafx 官方教程_05

 

 

构建了布局之后,我们可以往里面放入对应的组件。

 

需要注意的是,该布局中可以放入任意多个控件,所以该布局内部使用了 List 集合来存放多个控件。

 

javafx 官方教程 javafx java_控件_06

 

 

 如果想要把一个控件给到该布局,简单来说就是将控件加入该子元素集合:

javafx 官方教程 javafx java_应用程序_07

 

 

 当控件填充完成之后,根据之前所述,我们需要将该布局与场景 Scene 进行绑定

javafx 官方教程 javafx java_javafx 官方教程_08

 

同时,需要将场景与主容器进行绑定,才能完成显示

javafx 官方教程 javafx java_控件_09

 

 

 完整代码如下:

javafx 官方教程 javafx java_应用程序_10

 

 

 BorderPane 边框布局

该布局有顶部,底部,左,右与中心区域的五个区域,每个区域只能有一个节点。

javafx 官方教程 javafx java_JavaFX_11

 

 

 该布局有5个区域可以放入控件,所以放入控件的时候需要指定应放在该布局的什么位置:

javafx 官方教程 javafx java_控件_12

 

 

javafx 官方教程 javafx java_应用程序_13

 

 控件介绍 注意:

组件都在 javafx.scene.control 包里面,切记不要导错包

Label 文本标签

 

javafx 官方教程 javafx java_控件_14

 

 TextField 输入框

javafx 官方教程 javafx java_javafx 官方教程_15

 

 

 PasswordField 密码框

javafx 官方教程 javafx java_控件_16

 

 

 Button 按钮

javafx 官方教程 javafx java_应用程序_17

 

 

 

javafx 官方教程 javafx java_控件_18

 

 案例制作

使用流式布局制作一个登录界面,并完成数据库查询

新建布局

javafx 官方教程 javafx java_JavaFX_19

 

 

 控件创建与分析

javafx 官方教程 javafx java_JavaFX_20

 

 

 控件绑定

javafx 官方教程 javafx java_应用程序_21

 

 

场景绑定

 

javafx 官方教程 javafx java_应用程序_22

 

 

 舞台设置

javafx 官方教程 javafx java_JavaFX_23

 

 

 

javafx 官方教程 javafx java_控件_24

 

 

javafx 官方教程 javafx java_控件_25

 

 

javafx 官方教程 javafx java_javafx 官方教程_26

 

 

javafx 官方教程 javafx java_javafx 官方教程_27