JavaFX学习曲线日记-2：声明用户接口(7)

行、列定义被创建好后，让我们继续使用声明式语法定义content的数组：

content: [ 　　 SimpleLabel { 　　　　 text: "Search:" 　　　　 row: row 　　　　 column: searchLabelCol 　　 }, 　　 TextField { 　　　　 row: row 　　　　 column: searchTextFieldCol 　　　　 columns: 50 　　 } ]

余下的代码都遵循相应的模式。包含多个组件的行被封装在一个GroupPanel中。具有单 个组件的行，例如下拉列表和图片标签，则使用row和column属性与外部的GroupPanel相关 联。

尽管我最初对使用GroupPanel很担心，但JavaFX脚本将GroupLayout封装后使其变得非常 易用，我在尝试GroupPanel后便打消了担忧。另外NetBeans IDE的编辑器插件和JavaFXPad 演示程序提供了上下文敏感的代码自动完成功能，它可以根据输入内容弹出相关可用的属性 。通过使用简单的行列布局和代码自动完成，本人感觉使用JavaFX脚本的GroupPanel并没有 想象中那样困难。下面的图片展示了在IDE或者JavaFXPad中按下CTRL+SPACE出现的弹出选项 。

图 5. 弹出选项

总结

为了探索在创建UI过程中如何使用声明式语法，我将现有应用的UI进行了大胆的移植。 原始应用的UI使用了Swing的GroupLayout来定位、对齐组件。尽管NetBeans IDE没有提供用 于JavaFX脚本的图形化设计工具，但通过编写JavaFX代码进行布局并非我所想象的那样困难 。通过使用GroupPanel和其它组件，我实现了和原始应用完全相同的UI。方便的GroupPanel 组合加上NetBeans IDE插件、上下文敏感的代码自动完成功能使工作变得轻松。

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