Unmi 学习 Groovy 之 Groovy 和 Swing

选择一种动态脚本语言，不仅仅是用它来执行一些控制台或是后台任务，还希望能快速建立 GUI 程序，开发自己的小巧实用的工具。而 Groovy 借助于 GroovyMarkup，并巧妙的结合了 Java 2 与生俱来的 Swing 来创建用户图形界面。当界面程序执行过程中，可直接修改脚本代码来调整显示和功能，无须再编译，比之 Java Swing 程序来的便捷。

其实这还应该是 GroovyMarkup 的内容，本篇也可以叫之 《Unmi 学习 Groovy 之 GroovyMarkup (三)》

Groovy 提供了 SwingBuilder 标记类，它使得创建 Swing 用户界面比 Java 更快，代码更省。当然程序的执行性能在小程序方面已无所谓轻重了。还是以实际例子为见：

import groovy.swing.SwingBuilder; import javax.swing.*; import java.awt.*; builder = new SwingBuilder(); frame = builder.frame(title:'Update balance',size:[200,100]){ panel(layout:new FlowLayout()){ label(text:'dejan'); textField(text:'500',preferredSize:[100,20], horizontalAlignment:SwingConstants.CENTER); button(text:'Update',actionPerformed:{update()}); } } def update(){ pane = builder.optionPane(message:'User data has been updated'); dialog = pane.createDialog(frame,'Success'); dialog.show(); } frame.show(); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import groovy.swing.SwingBuilder; import javax.swing.*; import java.awt.*;   builder = new SwingBuilder();   frame = builder.frame(title:'Update balance',size:[200,100]){     panel(layout:new FlowLayout()){         label(text:'dejan');         textField(text:'500',preferredSize:[100,20],                 horizontalAlignment:SwingConstants.CENTER);         button(text:'Update',actionPerformed:{update()});     } }   def update(){     pane = builder.optionPane(message:'User data has been updated');     dialog = pane.createDialog(frame,'Success');     dialog.show(); }   frame.show();

执行该程序的界面如下：

上面程序看到 builder.frame 和 builder.optionPane、panel、label 等等就是注册在 SwingBuilder 上的一些 Widget，可以 SwingBuilder 的源码上看到，下面是 SwingBuilder 的代码片断：

毫无疑问，前面的窗口程序改为用标准的 Java 代码来实现会多很多行的代码(会是两倍)。SwingBuilder 类有着映射到标准 Swing 组件的方法，frame() 方法创建了 javax.swing.JFrame，panel() 方法是 javax.swing.JPanel 等等。请联系着 Java 写的 Swing 程序来理解这些方法的 Map 参数和闭包的意义，写过 Swing 程序的朋友看懂它们不会有任何问题。

除了标准的 Swing 组件外，还可以在 groovy.swing.impl 包中找到 TableLayout 组件，我们可以利用它像在网页中画表格那样画 Swing 的表格。

import groovy.swing.SwingBuilder; import javax.swing.*; import java.awt.*; builder = new SwingBuilder(); frame = builder.frame(title:'TableLayout Demo',size:[220,100]){ tableLayout{ //往下看，和 html 中的表格 <table><tr><td>..... 的写法十分相仿 tr{ //第一行，可以进一步发掘 tr 可以带什么属性 td(align:'center'){ label(text:'Username') }//html 的 align 对齐属性都用上了 td(align:'center'){ label(text:'Balance') } } tr{ //第二行 td(colfill:true){ textField(text:'Alex') } td(colfill:true){ textField(text:234.15) } } tr{ //第三行 td(colfill:true){ textField(text:'Unmi') } td(colfill:true){ textField(text:567.50) } } } } frame.show(); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 import groovy.swing.SwingBuilder; import javax.swing.*; import java.awt.*;   builder = new SwingBuilder();   frame = builder.frame(title:'TableLayout Demo',size:[220,100]){     tableLayout{ //往下看，和 html 中的表格 <table><tr><td>..... 的写法十分相仿         tr{  //第一行，可以进一步发掘 tr 可以带什么属性             td(align:'center'){ label(text:'Username') }//html 的 align 对齐属性都用上了             td(align:'center'){ label(text:'Balance') }         }         tr{  //第二行             td(colfill:true){ textField(text:'Alex') }             td(colfill:true){ textField(text:234.15) }         }         tr{  //第三行             td(colfill:true){ textField(text:'Unmi') }             td(colfill:true){ textField(text:567.50) }         }     } }   frame.show();

执行该程序的界面如下： 实际应用中还应深入发掘 tableLayout 、tr、td、等方法可以接受什么命名参数 和闭包。对于做过 Web 应用程序开发的 人员来说，这是一个值得关注的选择。

实际我们在 Swing 中应用 JTable 时，会应用 MVC 模式，所以基本要用到  javax.swing.table.TableModel，Groovy 操作 JTable 也不例如。还是看例子：

import groovy.swing.SwingBuilder; import javax.swing.*; import java.awt.*; builder = new SwingBuilder(); users = [[userid:1,username:'Alex',balance:234.15], [userid:2,username:'Unmi',balance:567.50], [userid:3,username:'Tom',balance:638.75]]; updateBalance = {row,value-> //例如，可在此修改数据库中相应记录 row.balance = value; } frame = builder.frame(title:'TableModel Demo', location:[200,200], size:[220,100]){ panel(layout:new BorderLayout()){ scrollPane(constraints:BorderLayout.CENTER){ table(){ tableModel(list:users){ closureColumn(header:'Id',read:{row->return row.userid}); closureColumn(header:'Username',read:{row->return row.username}); closureColumn(header:'Balance',read:{row->return row.balance} , write:updateBalance); } } } } } frame.show(); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 import groovy.swing.SwingBuilder; import javax.swing.*; import java.awt.*;   builder = new SwingBuilder();   users = [[userid:1,username:'Alex',balance:234.15],          [userid:2,username:'Unmi',balance:567.50],          [userid:3,username:'Tom',balance:638.75]];   updateBalance = {row,value->     //例如，可在此修改数据库中相应记录     row.balance = value; }   frame = builder.frame(title:'TableModel Demo', location:[200,200], size:[220,100]){     panel(layout:new BorderLayout()){         scrollPane(constraints:BorderLayout.CENTER){             table(){                 tableModel(list:users){                     closureColumn(header:'Id',read:{row->return row.userid});                     closureColumn(header:'Username',read:{row->return row.username});                     closureColumn(header:'Balance',read:{row->return row.balance}                         , write:updateBalance);                 }             }         }     } }   frame.show();

执行该程序的界面如下：  表行记录是一个 Map 的 users 列表。表 模型通过 tableModel 方法在 table() 闭 包内部定义。模型为每列都定义了 一个closureColumn() 方法，它接受包含 下列数据的 map 参数： header -- 列表题 read -- 填充表的闭包 write -- 结构中更新数据的一个可先闭包。 如果没有定义 write 参数，列被视为只读 ，反之为可编辑，如适于修改单元格数据 即更新数据库中记录。 注意 write 闭包的两个参数：旧数据的 map 和指定的新值。

参考：1. 《Java  脚本编程 语言、框架与模式》 第 5 章，高级的 Groovy 编程