目录


一、概述

    二、整体结构:

 三、网格布局及运用

   3.1、优化布局

    3.2、按钮的点击事件

   四、单词总结


一、概述

JavaFX是基于java语言的图形化界面工具箱,是自JDK1.8引入的新的界面库。
   带有大量的内置组件,如按钮,文本字段,表格,树,菜单,图表等,使用JavaFX可以让桌面应用和游戏开发变得更加容易,JavaFX编写的程序,可以运行在 Windows、Linux、Mac、iOS、Android等

   注jdk1.8以后引入的基于java语言的图像化界面工具箱

    二、整体结构:

    舞台 场景 布局 控件

    口诀:将控件放在布局中,将布局放在场景里,将场景放在舞台上,将舞台显示在窗体

    四步曲:继承自Application 重写其start方法

                     控件、布局、场景、跟舞台绑定

                     让舞台显示

                     程序入口中启动程序


     常用控件:

                    标签Label  、文本框TextField、 密码框PasswordField、 按钮Button


    两种布局:

                     流式布局FlowPane

                      边框布局BorderPane Top/Bottom/Left/Right/Center


    按钮点击事件:

                     推荐lambda表达式 ba.setOnAction(e->{})


   提示框 自带4大类:

                     AlertType.消息i(消息提示框 information) 、

                    错误e(错误提示框 error)、

                    警告w(警告提示框  warning)、

                    询问c(询问提示框  confirmation)、

                    自定义


   怎么拿、清空文本框和密码框的值?

                     控件名.getText() setText("")

 三、网格布局及运用

   3.1、优化布局

  •   设置对齐方式:gp.setAlinement(Pos.九大方位);
  •   水平间距:gp.setHGap()
  •   垂直间距: gp.setVGap()
  •   设置外间距:setMargin
  •   内间距:setPadding
  •  整体:(new Insets(上右下左))
  •  GridPane 坐标轴 x,y、 add(谁,x,y) addRow(y轴坐标,谁,谁)
  •  判断是否选中 :isselected()
  •  让谁选中 :setSelected(true/false)
  • 如何获取文本框的值:tfa.getText()
  • 给表格增加列:tv.getColumns().addAll()
  • 绑定列和属性:tc1.setCellValueFactory(new propertyValueFactory)
  • 给下拉框增加元素:cb.getItems.addAll()
  • 判断复选框是否选中:cba.isSelected()

    3.2、按钮的点击事件

  •  匿名内部类
  •  lambda表达式

 按钮名.setOnAction(e->{ })

   四、单词总结

 菜单:

菜单栏MenuBar                          菜单Menu                 菜单项MenuItem

 菜单按钮MenuButton                工具栏ToolBar   

         


面板:          

  选项面板TabPane                 选项Tab setContent                  滚动面板ScrollPane setContent                               标题面板TitledPane                  Accordion 折叠面板(手风琴)

TabPane 选项面板                   SplitPane  分割面板 

     



布局:
FlowPane  流式布局                BorderPane边框布局                GridPane   网格布局
HBox  水平布局                        VBox  垂直布局


框:

TextField 输入框                        PasswordField 密码框                RadioButton 单选框
CheckBox  复选框                     ChoiceBox 下拉框   

选择器:

DatePicker日期选择器
ColorPicker颜色选择器
FileChooser文件选择器



Label  文本标签                        Button 按钮                                Application应用程序               Stage舞台                                  Scene场景                                Launch启动
Alert弹出框                                TableView 表格视图
TextArea 文本域                        Slider滑块                                Image图片
ImageView图片视图                   表格列  TableColumn

* getChildren().addAll()
   * getTabs().addAll()
   * getMenus().addAll()
   * getPanes().addAll()
   * getItems().addAll()