没有合适的资源?快使用搜索试试~ 我知道了~
首页JavaFX2.0内建控件教程(全部控件)
JavaFX2.0内建控件教程(全部控件)
5星 · 超过95%的资源 需积分: 50 465 下载量 140 浏览量
更新于2023-03-16
评论 17
收藏 3.22MB PDF 举报
JavaFX2.0内建控件教程 本篇教程内容覆盖JavaFX内建的有效图形界面控件(UI控件),包括如下章节内容: • JavaFX UI Controls • Label • Button • Radio Button • Toggle Button • Checkbox • Choice Box • Text Field • Password Field • Scroll Bar • Scroll Pane • List View • Table View • Tree View • Separator • Slider • Progress Bar and Progress Indicator • Hyperlink • Tooltip • HTML Editor • Titled Pane and Accordion • Menu
资源详情
资源评论
资源推荐
JavaFX 内置 UI 控件
本篇教程内容覆盖 JavaFX 内建的有效图形界面控件(UI 控件),包括如下章节内容:
JavaFX UI Controls
Label
Button
Radio Button
Toggle Button
Checkbox
Choice Box
Text Field
Password Field
Scroll Bar
Scroll Pane
List View
Table View
Tree View
Separator
Slider
Progress Bar and Progress Indicator
Hyperlink
Tooltip
HTML Editor
Titled Pane and Accordion
Menu
每部分内容提供相应示例和应用代码,以描述控件的功能作用。并可在内容列表中找到
应用的代码文件以及相应 netbeans 工程文件。
1 UI 控件概览
1.1 用户见面控件(UI 控件)
JavaFX UI 的可用控件由使用中的节点经由 API 创建于场景图中。因此,这些控件可以使
用可视化地丰富 javaFX 平台特性。由于 JavaFX APIs 完全由 java 实现,你可以很容易把 JavaFX
UI 控件集成到已存在的 Java 应用中。
图 1-1 展示了一些典型的 UI 控件的应用情况
图 1-1JavaFX UI 控件
1.2 JavaFX2.0 中支持的 UI 控件
构建 UI 控件的类所在的 API 包是 javafx.scene.control。UI 控件包含的典型界面组件可能
与你以前的 java 应用客户端开发所见大差不离。但是 JavaFX2.0 SDK 介绍了些新的 Java 界面
控件,如 TitlePane 和 TableView。
图 1-2 展示了 3 个带有设置清单的 TitlePane 元素。这些列表清单可以滑进和滑出(收
缩扩展)。
图 1-2 标题面板
详情可以查看 UI 控件的完整 API 描述文档。
图形界面控件(UI control,下文简称为 UI 控件)类基于 Control 类之上,以直观的方式
提供了附加的变量和方法来支持典型的用户交互。你能通过应用 CSS 为你的 UI 组件指定样
式。对于一些不常用的任务,可以自行扩展 Control 类创建定制的 UI 组件,或者使用 Skin
接口为存在的控件定义新的皮肤样式。
1.3 特性和效果
所有 UI 控件都在 javafx.scene.control 包中,并都扩展自 Node 类,因此控件可以被集成
到场景图中渲染,实现动画、转换以及动画转变等。比如创建一个按钮,应用一个倒影效果,
并通过改变透明度实现动画效果。图 1-3 展示了通过动画时间线改变按钮的 3 个状态。作图
展示了按钮透明度为 1.0 效果,中间图展示了透明度为 0.8 效果,右边图展示了透明度为 0.5
的效果。
图 1-3 动画按钮
通过使用 JavaFX APIs,用很少的代码行就能实现这样效果。
示例 1-1 创建并开始了不确定的时间线,在时间线内每帧 600 毫秒按钮透明度从缺省值
1.0 改变到 0.0,。setAutoReverse 方法使反转有序进行。
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.util.Duration;
import javafx.scene.control.Button;
import javafx.scene.text.Font;
import javafx.scene.effect.Reflection;
...
Button button = new Button();
button.setText("OK");
button.setFont(new Font("Tahoma", 24));
button.setEffect(new Reflection());
final Timeline timeline = new Timeline();
timeline.setCycleCount(Timeline.INDEFINITE);
timeline.setAutoReverse(true);
final KeyValue kv = new KeyValue(button.opacityProperty(), 0);
final KeyFrame kf = new KeyFrame(Duration.millis(600), kv);
timeline.getKeyFrames().add(kf);
timeline.play();
...
示例 1-1 创建动画按钮
你可以应用其它在 javafx.scene.effect 包中有效的可视效果,诸如阴影、亮化或动态模糊。
1.4 CSS 风格化 UI 控件
通过定制自己的层叠式样表(Cascading Style Sheets -CSS),可以自行定制内建控件的
外观。在 JavaFX 应用中使用 CSS 和在 HTML 中使用是非常一致的,因为它们都基于统一的
CSS 规范。控件的可视状态有.css 文件定义。如示例 1-2 所示:
/*controlStyle.css */
.scene{
-fx-font: 14pt "Cambria Bold";
-fx-color: #e79423;
-fx-background: #67644e;
}
.button{
-fx-text-fill: #006464;
-fx-background-color: #e79423;
-fx-border-radius: 20;
-fx-background-radius: 20;
-fx-padding: 5;
}
示例 1-2 CSS 文件中定义 UI 控件风格
在应用中,通过 Scene 类的 getStylesheets 方法使 CSS 起作用。如示例 1-3 所示
Scene scene = new Scene();
scene.getStylesheets().add("uicontrolssample/controlStyle.css");
示例 1-3 应用 CSS
另外,通过使用控件的 setStyle 方法,可以在应用程序的代码中直接定义控件风格。在示例
1-4 中,-fx-base 属性为 toggle 按钮定义样式,这会覆盖.css 文件中为相应 scene 中所有控件
的属性风格定义。
ToggleButton tb3 = new ToggleButton ("I don't know");
tb3.setStyle("-fx-base: #ed1c24;");
示例 1-4 代码定义式样
图-1-4 展示了代码应用样式的外观情形
图 1-4 代码应用 CSS
1.5 图表
除了典型的用户界面元素外,JavaFX SDK 在 javafx.scene.chart 包中提供了预置的图表支
持。支持的图表类型有区域图、条图、泡图、线图、饼图、散射图(area chart, bar chart, bubble
chart, line chart, pie chart, and scatter chart.)。每一类图表可能包含好几个系列数据。图
1-5 展示了进口水果的饼图:
图 1-5 饼图
不像其它 java 客户端工具包,用 JavaFX SDK,通过增加几行代码就能构建这样的图表。也可
以定义不同的颜色模式和样式,应用可视效果、处理鼠标事件和创建动画等。
1.6 集成 FX2.0 控件到 Swing
可以把 JavaFX UI 控件集成到由 Swing 工具包构建的 java 客户端应用中。
剩余160页未读,继续阅读
尘竹
- 粉丝: 49
- 资源: 28
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- 27页智慧街道信息化建设综合解决方案.pptx
- 计算机二级Ms-Office选择题汇总.doc
- 单链表的插入和删除实验报告 (2).docx
- 单链表的插入和删除实验报告.pdf
- 物联网智能终端项目设备管理方案.pdf
- 如何打造品牌的模式.doc
- 样式控制与页面布局.pdf
- 武汉理工Java实验报告(二).docx
- 2021线上新品消费趋势报告.pdf
- 第3章 Matlab中的矩阵及其运算.docx
- 基于Web的人力资源管理系统的必要性和可行性.doc
- 基于一阶倒立摆的matlab仿真实验.doc
- 速运公司物流管理模式研究教材
- 大数据与管理.pptx
- 单片机课程设计之步进电机.doc
- 大数据与数据挖掘.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论30