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

TabbedPane（页签窗体）

为了演示如何使用TabbedPane，让我们定义下面的具有TabbedPane组件相应属性的模型类：Model。

class Model { 　　　　　　attribute tabPlacement: TabPlacement; 　　　　　　attribute tabLayout: TabLayout; 　　　　　　attribute tabCount: Integer; 　　　　　　attribute selectedTab: Integer; 　　　　}

现在，让我们从上面的模型出发设计一个TabbedPane示例。

var model = Model { 　　　　　　tabPlacement: TOP 　　　　　　tabLayout: WRAP 　　　　　　selectedTab: 3 　　　　　　tabCount: 5 　　　　}; 　　　　Frame { 　　　　　　height: 300 　　　　　　width: 400 　　　　　　content: TabbedPane { 　　　　　　　　tabPlacement: bind model.tabPlacement 　　　　　　　　tabLayout: bind model.tabLayout 　　　　　　　　tabs: bind foreach (i in [1..model.tabCount]) 　　　　　　　　　　Tab { 　　　　　　　　　　　　title: "Tab {i}" 　　　　　　　　　　　　toolTipText: "Tooltip {i}" 　　　　　　　　　　} 　　　　　　　　selectedIndex: bind model.selectedTab 　　　　　　} 　　　　　　visible: true 　　　　}

上面以粗体显示的代码展示了在TabbedPane和模型之间的依赖关系。在完成编码后，TabbedPane的外观将随着模型的修改而改变。

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

我们通过将一组Tab对象赋值给TabbedPane的tabs属性的方式将Tab添加到TabbedPane。TabPlacement和TabLayout类定义了一些枚举值（TOP、LEFT、BOTTOM、RIGHT 、WRAP、SCROLL），我们可以将这些值相应地赋值给TabbedPane的tabPlacement和tabLayout属性，从而能够控制tab的位置和布局。TabbedPane的selectedIndex属性表示了当前显示哪个tab。

程序运行如下图：

值得注意的是：在示例中第四个tab被选择了，这是因为模型的selectedTab属性被初始化为3。在本例中，TabbedPane的selectedIndex属性也随之更新，因为它被绑定到了模型的selectedTab属性上。

对模型的tabPlacement属性作出如下修改：

model.tabPlacement = BOTTOM;

tab将移动窗体的下方：

对模型的selectedTab属性作出如下修改：

model.selectedTab = 0;

这将导致第一个tab被选择：

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

对模型的tabCount属性作出如下修改：

model.tabCount = 20;

这将导致15个新建的tab被添加到TabbedPane：

修改模型的tabLayout：

model.tabLayout = SCROLL;

程序运行效果如下图：

修改模型的tabCount：

model.tabCount = 2;

结果只保留了前两个tab：

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

ListBox（列表框）

JavaFX ListBox类提供了Swing JList组件的功能，但不同的是它提供了一个声明式接口。

为了演示其用法，我们还是从Swing教程的ListDemo出发重建一个简单示例：

在这个示例中，ListBox包含一个雇员姓名列表。如果点击“Fire”按钮，被选择的雇员将从列表中移除。如果在列表下方的文本框中输入新姓名，那么“Hire”按钮将变为可用状态。如果此时按下“Hire”按钮，这个新的姓名将被添加到列表。

这个示例也演示了如何使用BorderPanel和FlowPanel。一个BorderPanel最多包括五个组件，这五个组

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