第三篇 使用JavaFX UI组件
本文档主要分为以下几个部分：
第一部分 关于此教程
本教程描述了JavaFX SDK中的基本UI组件，包括如下章节：
- 使用JavaFX UI控件
- 文件选择器
- 使用图表
- 使用CSS
- 使用文本
每一章均提供了样例程序和代码来展示如何使用对应的组件。你可以在附录中找到对应的程序源码和NetBeans工程。
第二部分 使用JavaFX UI控件
这部分覆盖了在JavaFX API中内置的JavaFX UI控件，包括如下章节：
- 2 标签（Label）
- 3 按钮（Button）
- 4 单选按钮（Radio Button）
- 5 开关按钮（Toggle Button）
- 6 复选框（Checkbox）
- 7 选择框（Choice Box）
- 8 文本框（Text Field）
- 9 密码框（Password Field）
- 10 滚动条（Scroll Bar）
- 11 滚动面板（Scroll Pane）
- 12 列表视图（List View）
- 13 表格视图（Table View）
- 14 树视图（Tree View）
- 15 树表视图（Tree Table View）
- 16 组合框（Combo Box）
- 17 分隔符（Separator）
- 18 滑块（Slider）
- 19 进度条和进度指示器（Progress Bar and Progress Indicator）
- 20 超链接（Hyperlink）
- 21 HTML编辑器（HTML Editor）
- 22 提示信息（Tooltip）
- 23 带有标题的面板和可折叠面板（Titled Pane and Accordion）
- 24 菜单（Menu）
- 25 颜色选择器（Color Picker）
- 26 日期选择器（Date Picker）
- 27 分页控件（Pagination Control）
- 28 文件选择框（File Chooser）
- 29 自定义UI控件（Customization of UI Controls）
- 30 嵌入式平台的UI控件（UI Controls on the Embedded Platforms）
每一章均提供了样例程序和代码来展示如何使用对应的组件。你可以在附录中找到对应的程序源码和NetBeans工程。
第三部分 使用JavaFX 图表
这部分将介绍JavaFX SDK的javafx.scene.chart包中可用的图形图表，主要包含以下章节：
介绍饼图，它以将一个圆按角度划分为楔形扇区的方式来展示数据。
介绍折线图，是双轴图表的一种，将数据表示成用直线连接的一系列点。
介绍面积图，它使用一系列有直线和坐标轴连接形成的区域来展示数据。
介绍气泡图，它是一种根据分组数据点绘制气泡的双轴图表
介绍散布图，它是一种用一组点来表示数据的双轴图表。
介绍柱状图，一种带有矩形条的双轴图表。
每一章均提供了样例程序和代码来展示如何使用对应的图表。你可以在附录B Chart Sample中找到对应的程序源码和NetBeans工程。
第四部分 在JavaFX应用中使用CSS样式来管理外观
这部分将提供一些关于创建CSS和将它们应用到JavaFX应用程序UI组件上的大体信息。主要包含以下章节：
介绍如何使在JavaFX应用程序中使用CSS来为UI控件创建自定义外观。
解释改变图表的配色方案，修改其图例或坐标轴，以及修改图表符号。
第五部分 在JavaFX应用中使用文本
这部分解释如何向JavaFX应用程序添加文本以及文本特效。它包含了一些样例程序来教你如何为文本节点应用一个特效，以及一系列特效。
这部分包含以下章节：
第六部分 UI组件教程的配套源码
下表列出了在本文中的样例应用程序及其对应的源码文件。
UI控件样例
图标样例
| 章节 | 源文件 | NetBeans工程文件 |
| 饼图（Pie Chart） | PieChartSample.java | PieChartSample.zip |
| 折线图（Line Chart） | LineChartSample.java | LineChartSample.zip |
| 面积图（Area Chart） | AreaChartSample.java | AreaChartSample.zip |
| 气泡图（Bubble Chart） | BubbleChartSample.java | BubbleChartSample.zip |
| 散布图（Scatter Chart） | ScatterChartSample.java | ScatterChartSample.zip |
| 柱状图（Bar Chart） | BarChartSample.java | BarChartSample.zip |
CSS样例
| 章节 | 源文件 | NetBeans工程文件 |
| 在UI控件上使用CSS | DownloadButton.java | UIControlCSS.zip |
| 在UI控件上使用CSS | DownloadButtonStyle1.css | UIControlCSS.zip |
| 在UI控件上使用CSS | DownloadButtonStyle2.css | UIControlCSS.zip |
| 在UI控件上使用CSS | StyleStage.java | UIControlCSS.zip |
| 在UI控件上使用CSS | UIControlCSS.java | UIControlCSS.zip |
| 在UI控件上使用CSS | controlStyle1.css | UIControlCSS.zip |
| 在UI控件上使用CSS | controlStyle2.css | UIControlCSS.zip |
文本样例
| 章节 | 源文件 | NetBeans工程文件 |
| 为文件添加特效 | TextEffects.java | TextEffectsSample.zip |
| 为文件添加特效 | NeonSign.java | NeonSignSample.zip |
打赏一下
支付宝
微信
前排支持
前排支持
支持！！
路过，留个脚印，网站很棒！
不错，值得收藏分享！
不错的网站，很喜欢，期待互访
不错 学习了！
可以，就是看着有点累啊，调节浏览器字体看着还不舒服
建议使用遨游浏览器：）
不错的网站。
资源整理的非常好
怎样把点一个按钮显示一个fxml做的和tabpane的效果一样？就是我点下一个按钮不刷新上一个按钮。求解答
正好做程序要用，有资料真是太好了，给网站点个赞！
给钱了，支持
好！很好！非常好！ 喜欢得不得了！
是不是少了TabPane
是啊！确实少了这个
嗯难 确实少了标签页
哈哈
good
又赚了1500
javafx的TextFiled用台式机能输入数字，用笔记本输不了为什么？