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

ListBox的selection属性包含了被选择单元格的索引。在本例中，它被绑定到模型的selectedEmployee属性，因此当在列表中改变被选项时，模型的selectedEmployee属性也将更新。与此同时，如果selectedEmployee属性被更新，列表的被选项也会作出相应改变。这正是示例中“Hire”按钮的action所做的。

在点击“Fire”按钮两次后，程序将改变为下图：

如果在文本栏中输入新的名字，则程序将发生改变：

接着点击“Hire”按钮：

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

splitPane（分割窗体）

JavaFX SplitPane类基于一个自定义Java组件，而不是Swing的JSplitPane类。与JSplitPane不同的是：它能够包括多个组件。而和JSplitPane一样是：你可以通过为它所包含的组件赋值来控制它的朝向和空间的数量。让我们看看下面的示例：

这个示例由一个水平分割的窗体和两个组件组成。左侧的组件是一个ListBox，它占据了30%的空间。而右侧的组件是一个包含CenterPanel（一种含有一个位于其中央区域的组件的面板）的ScrollPane。CenterPanel包含了一个SimpleLabel，后者用于显示与被选择的列表项相关的图片。

class ExampleModel { 　　　　　　attribute imageFiles: String*; 　　　　　　attribute selectedImageIndex: Number; 　　　　　　attribute selectedImageUrl: String; 　　　　} 　　　　var model = ExampleModel { 　　　　　　var: self 　　　　　　imageFiles: ["Bird.gif", "Cat.gif", "Dog.gif", 　　　　　　　　　　　　 "Rabbit.gif", "Pig.gif", "dukeWaveRed.gif", 　　　　　　　　　　　　 "kathyCosmo.gif", "lainesTongue.gif", 　　　　　　　　　　　　 "left.gif", "middle.gif", "right.gif", 　　　　　　　　　　　　 "stickerface.gif"] 　　　　　　selectedImageUrl: bind "http://java.sun.com/docs/books/tutorial/uiswing/examples/components/SplitPaneDemoProject/src/components/images/{self.imageFiles[self.selectedImageIndex]}" 　　　　}; 　　　　Frame { 　　　　　　title: "SplitPane Example" 　　　　　　height: 400 　　　　　　width: 500 　　　　　　content: SplitPane { 　　　　　　　　orientation: HORIZONTAL 　　　　　　　　content: 　　　　　　　　[SplitView { 　　　　　　　　　　weight: 0.30 　　　　　　　　　　content: ListBox { 　　　　　　　　　　　　 selection: bind model.selectedImageIndex 　　　　　　　　　　　　 cells: bind foreach (file in model.imageFiles) 　　　　　　　　　　　　　　ListCell { 　　　　　　　　　　　　　　　 text: bind file 　　　　　　　　　　　　　 } 　　　　　　　　　　} 　　　　　　　　}, 　　　　　　　　SplitView { 　　　　　　　　　　weight: 0.70 　　　　　　　　　　content: ScrollPane { 　　　　　　　　　　　　view: CenterPanel { 　　　　　　　　　　　　　　background: white 　　　　　　　　　　　　　　content: SimpleLabel { 　　　　　　　　　　　　　　　　icon: Image {url: bind model.selectedImageUrl} 　　　　　　　　　　　　　　} 　　　　　　　　　　　　} 　　　　　　　　　　} 　　　　　　　　}] 　　　　　　} 　　　　　　visible: true 　　　　}

深入学习JavaFX脚本语言(面向

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