JavaFX之Scene Builder详细使用说明之组件篇(2)——常用组件

目录

组件预览

Button

CheckBox

ChoiceBox

ColorPicker

ComboBox

DatePicker(FX8)

HTMLEditor

ImageView

Label

ListView

MediaView

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

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

动图演示:

 

 

CheckBox

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

动图演示:

 

ChoiceBox

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

动图演示:

 

ChoiceBox和ComboBox的区别:

 

ColorPicker

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

动图演示:

 

ComboBox

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

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

DatePicker(FX8)

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

HTMLEditor

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

动图演示:

 

表示超链接控件。

ImageView

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

动图演示:

 

Label

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

ListView

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

动图演示:

 

MediaView

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

菜单条控件。

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

动图演示:

 

菜单按钮控件。

动图演示:

 

Pagination

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

 其中有些配置如下:

PasswordField

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

动图演示:

 

ProgressBar

进度条控件。

动图演示:

 

ProgressIndicator

圆形进度条。

动图演示:

 

RadioButton

单选按钮控件。

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

ScrollBar(horizontal)

水平滚动条。

ScrollBar(vertical)

垂直滚动条。

Separator(horizontal)

水平分隔条。

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

Separator(vertical)

垂直分隔条。

Slider(horizontal)

水平滑动条。

可以水平方向滑动值。

动图演示:

 

Slider(vertical)

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

SplitMenuButton

分割菜单按钮控件。

该控件和MenuButton有所区别。

TableColumn

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

TableView

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

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

动图演示:

 

TextArea

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

动图演示:

 

TextField

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

ToggleButton

状态开关按钮。

TreeTableColumn(FX8)

树表格列控件。

需要同TreeTableView控件一起使用。

TreeTableView(FX8)

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

动图演示:

 

TreeView

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

动图演示:

 

WebView

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

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

  • 88
    点赞
  • 488
    收藏
    觉得还不错? 一键收藏
  • 27
    评论
### 回答1: JavaFX Scene Builder 是一个可视化布局工具,它可以帮助开发者快速创建 JavaFX 应用程序的用户界面。下面是 Scene Builder详细使用说明: 1. 安装 Scene Builder 首先需要下载并安装 Scene Builder。可以从 Oracle 官网下载 Scene Builder 的安装程序,也可以从其他可靠的网站下载。 2. 创建新项目 在 Scene Builder 中创建新项目,可以选择使用 FXML 文件或者使用 Java 代码创建用户界面。 3. 添加控件 在 Scene Builder 中添加控件,可以从左侧的控件库中选择需要的控件,然后 ### 回答2: JavaFX是一种使用Java语言编写的跨平台图形用户界面(GUI)工具包。JavaFX通过提供丰富的视觉效果和交互式控件,使得应用程序的开发更加容易和快捷。Scene BuilderJavaFX的可视化布局工具,它允许您通过拖放和组合UI组件来构建应用程序界面。 本文将详细介绍Scene Builder使用说明。 安装Scene Builder 首先,您需要下载并安装Scene Builder。您可以在Oracle的官方网站上下载Scene Builder软件。Scene Builder是一个独立的应用程序,它不需要与其他JavaFX开发工具一起安装。 创建一个新项目 在开始使用Scene Builder之前,您需要创建一个新的JavaFX项目。在Eclipse或NetBeans中创建一个新的JavaFX项目,或使用JavaFX Maven插件创建一个新的JavaFX项目。 启动Scene Builder 一旦您创建了一个新的JavaFX项目,您需要启动Scene Builder来创建应用程序的用户界面。要启动Scene Builder,您可以在Eclipse或NetBeans的工具栏中单击"Launch Scene Builder"按钮,或者在终端中输入Scene Builder的命令来启动它。 创建用户界面 Scene Builder界面由两个主要部分组成:"Hierarchy"窗格和"Preview"窗格。在"Hierarchy"窗格中,您可以使用"Layout"部分中的不同组件将UI元素添加到您的项目中。在"Preview"窗格中,您可以查看您的UI元素的实际外观。 例如,您可以在"Hierarchy"窗格中选择一个"Text"组件,然后将它拖放到"Preview"窗格中。然后,您可以使用属性编辑器来更改文本组件的属性,例如文本内容、字体、颜色等。 场景树模型 Scene Builder使用一种称为"场景树模型"的结构,该模型允许您在UI组件上以层次结构的形式组织UI元素。每个父元素从下面嵌套一个或多个子元素。场景树模型允许您在一个UI组件上放置其他UI组件,从而创造出一个复杂的界面。 样式表 Scene Builder还支持使用CSS样式表来为UI组件应用样式。您可以在Scene Builder中为每个UI组件设置CSS类,并在应用程序的CSS样式表中为这些类定义样式。 发布应用程序 一旦您在Scene Builder中创建了您的用户界面,您就可以将其导出为FXML文件,并将FXML文件包含在您的JavaFX项目中。您可以使用FXMLLoader在您的应用程序中加载FXML文件来创建应用程序的用户界面。 总结 Scene BuilderJavaFX应用程序开发中的一项强大工具,它提供了一个直观的可视化界面来创建和布局UI组件Scene Builder界面由"Hierarchy"窗格和"Preview"窗格组成,支持场景树模型和CSS样式表。Scene Builder允许开发人员通过拖放UI元素来快速构建丰富而精美的应用程序界面。 ### 回答3: Scene Builder 是一种用于构建用户界面的可视化布局工具,针对 JavaFX 应用程序而设计。它能够让开发者更快、更轻松地创建可实现的用户界面,而无需编写行代码。在本文中,我们将提供有关使用 Scene Builder详细说明使用 Scene Builder 之前需要安装 JavaFX SDK,因为 Scene Builder 仅用于创建用户界面;它不包含运行时库。因此,建议使用 IntelliJ IDEA 或者其他具有 JavaFX 构建支持的 IDE。 Scene Builder 也可以在 Oracle 的官方网站上下载和安装。此外,一些 IDE 团队还将 Scene Builder 添加到其工具中。安装 Scene Builder 后,您可以打开本地拖放.fxml 文件并开始使用它。 在打开 Scene Builder 后,您将看到一个空白的画布。您可以通过单击“左侧”UI 控件列表或使用搜索栏来查找和选择要添加到画布中的控件或布局。您可以调整属性栏中的值,例如宽度、高度或其他属性。此外,您可以使用样式编辑器更改控件的外观。 Scene Builder 还可以帮助您添加事件处理程序和绑定属性。您可以在“代码”选项卡下添加事件处理程序,例如按下按钮时启动的操作。对于绑定属性,您可以使用“属性”选项卡并选择要绑定的属性。绑定属性可以使控件之间的交互更加动态。 创建 Scene 后,您需要将它与 JavaFX 应用程序的代码进行协调。在 IntelliJ IDEA 中,您可以单击“运行”按钮并在默认模式下运行您的应用程序。Scene Builder 会自动生成.fxml 文件和一个控制器类。 总之,Scene Builder 是一个有效的可视化布局工具,可帮助您更轻松、更快速地创建 JavaFX 用户界面。该网络应用程序工具可以使开发者将精力集中在实现业务逻辑和设计应用程序,而不需要费太多时间编写代码。
评论 27
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值