深入学习JavaFX脚本语言(面向Swing程序员) ---(上) - 编程入门网

此程序运行结果如下图:

如果你在TextField中输入其它的文字，并按下Enter，那么窗体的标题将相应地改变：

在本例中，TextField的value属性被更新为用户输入的文字（通过TextField类实现）。而与此同时，model的saying属性也被更新为相同值。因为赋值给窗体的title属性的表达式依赖于model的saying属性，因此model的saying属性的变化导致了表达式被重新求值、窗体的title属性被更新。

注意：你能够将任意组件的属性bind到一个增量式求值表达式。这种表达式将使用条件逻辑、迭代器、选择等产生任意复杂度的动态内容，而动态内容的表达式仍然保有其可声明性。

学习更多的JavaFX GUI组件

本节将讨论在JavaFX语言中可用的多种不同GUI组件，并给出展示其用途的示例程序，通过比较JavaFX组件与Swing GUI组件的方式讨论它们的差异。

Border（边框）和Layout Manager（布局管理器）

Menu（菜单）

Label（标签）

Group Panel（分组面板）,Simple Label（简单标签）和TextField（文本栏）

Button（按钮）

ListBox（列表框）

SplitPane（分割窗体）

RadioButton（单选按钮）、RadioButtonMenuItem（单选按钮菜单项）、ToggleButton（开关按钮）和ButtonGroup（按钮分组）

ComboBox（下拉选择框）

Tree（树形）

Table（表格）

TextComponent（文本组件）

Spinner（微调控制器）和Slider（滑动条）

Border（边框）和Layout Manager（布局管理器）

深入学习JavaFX脚本语言(面向Swing程序员) ---(上)(4)

在JavaFX语言中，使用Border和Layout Manager也采用声明的方式。每个Swing/AWT Layout Manager都被封装在一个JavaFX类中，这个类使用指定的Layout Manager来实例化JPanel。被添加到JPanel上的组件被声明为这个JavaFX类的属性。每个Swing的Border类型也同样被封装在一个JavaFX类中，这个类具有与Swing Border配置选项对应的属性。这里提供了一个使用EmptyBorder和GridPanel的简单示例。正如你所期待的那样，JavaFX的EmptyBorder对应着javax.swing.border.EmptyBorder，而GridPanel则对应着java.awt.GridLayout。

class ButtonClickModel { 　　　　　　attribute numClicks: Number; 　　　　} 　　　　var model = new ButtonClickModel(); 　　　　var win = Frame { 　　　　　　width: 200 　　　　　　content: GridPanel { 　　　　　　　　border: EmptyBorder { 　　　　　　　　　 top: 30 　　　　　　　　　 left: 30 　　　　　　　　　 bottom: 30 　　　　　　　　　 right: 30 　　　　　　　　} 　　　　　　　　rows: 2 　　　　　　　　columns: 1 　　　　　　　　vgap: 10 　　　　　　　　cells: 　　　　　　　　[Button { 　　　　　　　　　　 text: "I''m a button!" 　　　　　　　　　　 mnemonic: I 　　　　　　　　　　 action: operation() { 　　　　　　　　　　　　 model.numClicks++; 　　　　　　　　　　} 　　　　　　　　}, 　　　　　　　　Label { 　　　　　　　　　　text: bind "Number of button clicks: {model.numClicks}" 　　　　　　　　}] 　　　　　　} 　　　　　　visible: true 　　　　};

程序运行结果如下图：

在点击按钮多次后，将出现如下效果：

深入学习JavaFX脚本语言(面向Swing程序员) ---(上)(5)

需要注意的：对Button的action和mnemonic（助记码）属性的解释将在下面给出..

在本例中，GridPanel被配置为单列、双行、并在行间放置10个像素的垂直间隔，

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!