JavaFX之Scene Builder详细使用说明之组件篇（2）

组件预览

Button

CheckBox

ChoiceBox

ColorPicker

ComboBox

DatePicker（FX8）

HTMLEditor

Hyperlink

ImageView

Label

ListView

MediaView

MenuBar

MenuButton

Pagination

PasswordField

ProgressBar

ProgressIndicator

RadioButton

ScrollBar（horizontal）

ScrollBar（vertical）

Separator（horizontal）

Separator（vertical）

Slider（horizontal）

Slider（vertical）

SplitMenuButton

TableColumn

TableView

TextArea

TextField

ToggleButton

TreeTableColumn（FX8）

TreeTableView（FX8）

TreeView

WebView

下面只是简述该控件在Scene Builder中的使用，不涉及该控件的属性、布局、事件方法，也不涉及JavaFX的代码。

常用的控件有如下这些：

个常用控件的介绍如下：

Button：按钮控件，一般主要是点击触发事件。

CheckBox：复选框控件。

ChoiceBox：选择控件，利用勾来选择

ColorPicker：颜色选择器控件，可以选择颜色。

ComboBox：下拉列表框控件。

DatePicker（FX8）：日期选择器控件。

HTMLEditor：富文本编辑控件。

Hyperlink：超链接控件。

ImageView：图片显示控件。

Label：标签控件。

ListView：列表视图控件。

MediaView：音视频播放控件。

MenuBar：菜单条。

MenuButton：菜单按钮。

PasswrodFiled：密码输入框。

ProgressBar：进度条。

ProgressIndicator：圆形进度条。

RadioButton：单选按钮。

ScrollBar（horizontal）：水平滚动条。

ScrollBar（vertical）：垂直滚动条。

Separator（horizontal）：水平分隔条。

Separator（vertical）：垂直分隔条。

Slider（horizontal）：水平滑动条。

Slider（vertical）：垂直滑动条。

SplitMenuButton：分割菜单按钮控件。

TableColumn：表格列控件，与TableView控件一起使用。

TableView：表格视图控件，使用表格来显示数据，TableColumn添加表格列。

TextArea：文本域控件，能输入多行文本。

TextField：输入文本框控件，只能输入单行文本。

ToggleButton：状态改变按钮。

TreeTableColumn（FX8）：树表格列控件，与TreeTableView一起使用。

TreeTableView（FX8）：树表格视图控件。

TreeView：树视图控件，可以选择不同的树形节点。

WebView：可以加载显示本地html文件的控件。

Button控件是按钮，一般用于点击。

动图演示：

复选框控件，可以进行勾选来选择选项，最重要的是可以多选复选框。

动图演示：

选择盒子，和ComboBox控件有些类似，不过Choice是选择列表项时是勾，而ComboBox选择选项是被选中项背景色变化。

动图演示：

ChoiceBox和ComboBox的区别：

颜色选择器，用来选择颜色。

动图演示：

下拉列表框控件，用户可以选择不同的项。

 其中Prompt Text表示提示信息。Editable表示是否允许该ComboBox控件可编辑选项。

日期选择器，用户可以选择日期，而不是通过文本框输入日期。

富文本框编辑控件，可用来编辑富文本。

动图演示：

表示超链接控件。

图片控件，用来显示图片的。

动图演示：

标签控件，一般用来显示文本。

列表视图控件，通过一个列表来显示数据选项，并且高度和宽度是可滚动的。

动图演示：

用来播放音频和视频的控件，需要结合JavaFX的代码来加载音视频。

菜单条控件。

该控件由多个控件复合而成，Menu表示菜单条上的菜单控件，可以任意添加，而MenuItem表示Menu菜单控件下的菜单项控件，也可以任意添加，通过点击事件来进行触发，并且可以为其设置快捷键。

动图演示：

菜单按钮控件。

动图演示：

分页控件，可以分页显示数据。

 其中有些配置如下：

密码输入框控件，用户输入的数据被黑色小点所替换。

动图演示：

进度条控件。

动图演示：

圆形进度条。

动图演示：

单选按钮控件。

 必须设置Toggle Group属性为同一个值才能使得单选按钮只被选中一个。

水平滚动条。

垂直滚动条。

水平分隔条。

常用来分隔开不同的控件或容器。

垂直分隔条。

水平滑动条。

可以水平方向滑动值。

动图演示：

垂直滑动条，可以在垂直方向滑动取值。

分割菜单按钮控件。

该控件和MenuButton有所区别。

表格列控件，需要与表格控件TableView一起使用。

表格视图控件，通过表格的方式来显示数据。

可以通过添加TableColumn控件来为表格增加列。

动图演示：

文本域控件，可以输入多行文本。

动图演示：

文本输入控件，只能输入单行文本。

状态开关按钮。

树表格列控件。

需要同TreeTableView控件一起使用。

树表格视图控件，里面的内容呈树形显示。

动图演示：

树视图控件，可通过选择不同的树节点来操作。

动图演示：

该控件可以嵌入本地的html文件，需要配合JavaFX代码来使用。

可搜索微信公众号【Java实例程序】或者扫描下方二维码关注公众号获取更多。