使用 Profligacy 和 LEL 创建 Wiki 风格的 GUI 布局

  • Werner Schuster
  • Jason lai

2007 年 7 月 13 日

话题:JavaRuby语言 & 开发架构

自从 AWT 面世以来,为 Java 创建 GUI 布局就成为了人们的一块心病,有许多 LayoutManager(布局管理器)因此应运而生,然而它们之中没有一个能够完全解决需要手动干预编写布局代码的问题。实际上,最近加入的GroupLayout颇为适用于在类似 Matisse 这样的 GUI Builder 进行配置。

最近,人们又把眼光投向了 JRuby。Mongrel创始人 Zed Shaw 创建了一套 JRuby GUI 类库,名为Profligacy(在 InfoQ 刚刚推出的一篇报导中,我们就对 JRuby GUI 类库 Profligacy、Cheri 和 Swiby 进行了介绍)。这套类库包含了布局表达式语言(Layout Expression Language,LEL),用于解决 GUI 布局问题。

LEL 使用 Wiki 风格的格式化语言,以文本形式定义布局。这使得我们可以用一个简洁的字符串来描述布局规格,而不比长篇累牍编写很多行代码来指明约束或者创建面板层次结构。这门语言使用以 Ruby 类库Ragel编写的解析器进行解析。

示例代码如下:

layout = "

[ label_1 | label3 ]

[ (300,300)*text1| (150)people ]

[ <label2 | _ ]

[ message | buttons ]

"

这段代码创建了一个布局,并以为布局元素建立命名占位符的方式,将布局从实际组件的创建中解耦出来。随后,我们使用下面一小段 Ruby 代码把布局和组件联系起来:

ui = Swing::LEL.new(JFrame, layout) do |c, i|

c.label_1 = JLabel.new "The chat:"

c.label2 = JLabel.new "What you're saying:"

c.label3 = JLabel.new "The people:"

c.text1 = JTextArea.new

c.people = JComboBox.new

c.message = JTextArea.new

# we'll replace this later with a subcomponent

c.buttons = JPanel.new

end

定义在布局规格中的占位符(label_1text1等等)通过名称引用和相应的组件关联起来,这种方法使用了 Ruby 的元编程(metaprogramming)特性。

尽管还有不少其它的布局管理器使用文本布局约束的方式(比如说MigLayout),但 Profligacy 和 LEL 通过使用 Ruby 的特性,向人们展示辅助 GUI 编程的一种很有趣的方式。LEL 并不是专用于某个特定的布局管理器的,但当前的版本使用GroupLayout来创建 GUI。

查看英文原文:Wiki-style GUI Layout with Profligacy and LEL

JavaRuby语言 & 开发架构