第三篇 使用JavaFX UI组件

本文档主要分为以下几个部分:

第一部分 关于此教程

本教程描述了JavaFX SDK中的基本UI组件,包括如下章节:

  • 使用JavaFX UI控件
  • 文件选择器
  • 使用图表
  • 使用CSS
  • 使用文本

每一章均提供了样例程序和代码来展示如何使用对应的组件。你可以在附录中找到对应的程序源码和NetBeans工程。

第二部分 使用JavaFX UI控件

这部分覆盖了在JavaFX API中内置的JavaFX UI控件,包括如下章节:

每一章均提供了样例程序和代码来展示如何使用对应的组件。你可以在附录中找到对应的程序源码和NetBeans工程。

第三部分 使用JavaFX 图表

这部分将介绍JavaFX SDKjavafx.scene.chart包中可用的图形图表,主要包含以下章节:

介绍饼图,它以将一个圆按角度划分为楔形扇区的方式来展示数据。

介绍折线图,是双轴图表的一种,将数据表示成用直线连接的一系列点。

介绍面积图,它使用一系列有直线和坐标轴连接形成的区域来展示数据。

介绍气泡图,它是一种根据分组数据点绘制气泡的双轴图表

介绍散布图,它是一种用一组点来表示数据的双轴图表。

介绍柱状图,一种带有矩形条的双轴图表。

每一章均提供了样例程序和代码来展示如何使用对应的图表。你可以在附录B Chart Sample中找到对应的程序源码和NetBeans工程。

第四部分 在JavaFX应用中使用CSS样式来管理外观

这部分将提供一些关于创建CSS和将它们应用到JavaFX应用程序UI组件上的大体信息。主要包含以下章节:

介绍如何使在JavaFX应用程序中使用CSS来为UI控件创建自定义外观。

解释改变图表的配色方案,修改其图例或坐标轴,以及修改图表符号。

第五部分 在JavaFX应用中使用文本

这部分解释如何向JavaFX应用程序添加文本以及文本特效。它包含了一些样例程序来教你如何为文本节点应用一个特效,以及一系列特效。

这部分包含以下章节:

第六部分 UI组件教程的配套源码

下表列出了在本文中的样例应用程序及其对应的源码文件。

UI控件样例

章节 源文件 NetBeans工程文件
Label LabelSample.java UIControlSamples.zip
Button ButtonSample.java UIControlSamples.zip
Radio Button RadioButtonSample.java UIControlSamples.zip
Toggle Button ToggleButtonSample.java UIControlSamples.zip
Checkbox CheckboxSample.java UIControlSamples.zip
Choice Box ChoiceBoxSample.java UIControlSamples.zip
Text Field TextFieldSample.java UIControlSamples.zip
Password Field PasswordFiledSample.java UIControlSamples.zip
Scrollbar ScrollBarSample.java UIControlSamples.zip
Scroll Pane ScrollPaneSample.java UIControlSamples.zip
List View ListViewSample.java UIControlSamples.zip
Table View TableViewSample.java UIControlSamples.zip
Tree View TreeViewSample.java UIControlSamples.zip
Tree Table View TreeTableViewSample.java UIControlSamples.zip
Combo Box ComboBoxSample.java UIControlSamples.zip
Separator SeparatorSample.java UIControlSamples.zip
Slider SliderSample.java UIControlSamples.zip
Progress Bar Indicator ProgressSample.java UIControlSamples.zip
Hyperlink HyperlinkSample.java UIControlSamples.zip
Hyperlink HyperlinkWebViewSample.java UIControlSamples.zip
HTML Editor HTMLEditorSample.java UIControlSamples.zip
Tooltip TooltipSample.java UIControlSamples.zip
Accordion and Titled Pane TitledPaneSample.java UIControlSamples.zip
Menu Controls MenuSample.java UIControlSamples.zip
Color Picker ColorPickerSample.java UIControlSamples.zip
Date Picker DatePickerSample.java UIControlSamples.zip
Pagination PaginationSample.java UIControlSamples.zip
File Chooser FileChooserSample.java UIControlSamples.zip

图标样例

章节 源文件 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
打赏一下
支付宝
微信
  1. 怎样把点一个按钮显示一个fxml做的和tabpane的效果一样?就是我点下一个按钮不刷新上一个按钮。求解答