当abacus research ag,一家商业软件开发公司,决定将开发平台从 borland 的 delphi 转向java swing时,它发现自己站在了软件开发的十字路口。
我们大量的应用程序开发团队拥有多年的delphi gui开发经验,却没有任何的java/swing 经验,并且我们需要在极短的时间内将大量的delphi应用程序转换为swing。在研究了当时可用的gui工具后,我们觉得我们应该通过赞助一个gpl开源java gui编译器来达到自己的目标,而且这个编译器还可以帮助其他的应用程序开发者面对相同的挑战。
abaguibuilder ,abacus java gui编译器被设计用来实现轻松地从vb或delphi开发转向java swing。这一策略帮助abacus research实现了其java版应用程序的交付,缩短了开发时间,使其开发人员把精力投向商业应用,而不是swing框架的错综复杂。
如图1所示,abaguibuilder有能够在许多其他开发环境如vb和delphi找到的要素。位于视窗左上角是活动对象树,其下是swing组件选择区。位于视窗的中上部是开发面板,或者说是“画布”,在这里放入swing组件将其实例化。在右上部是属性编辑器。下部是事件面板,包括两个制表符页,分别是事件代码编辑器,为每个单独的可视对象添加事件代码,和消息面板,显示abaguibuilder的状态消息。

图1. abacus gui编译器.
为什么做我们自己的gui工具?
为什么我们选择写自己的工具?开始,我们决定我们的工具应该包括以下五个要求:
1. 容易使用
2.不需要布局管理器的使用经验
3. 不需要swing的使用经验
4. 不需要输出swing代码
5. 实现商业逻辑与ui的分离
我们在评估当时可用的gui开发工具时发现好的ide都是手写swing代码,这就不符合我们的第一个和最关键要求。
我们定义的容易使用是指任一开发者不管他/她的java swing经验,都具有在几分钟而不是几小时内开发一个可运行的gui表单,因此就要是开发者的精力集中在商业逻辑上而不是框架的细节。一开始我们的开发者就需要所见即所得的环境,以便能够真实地感知当应用程序发布的时候的情况。这一功能的实现节省了开发者的大量时间。但当时我们评估的工具没有一个能够实现这个功能;设计的屏幕与输出的屏幕并不一样还有糟糕的调度算法,对我们来说简直就是巨大的倒退。abaguibuilder通过预览模式来实现这一功能,你可以在开发时看到它运行起来的样子。
为什么abacus research要求ui和商业逻辑的分离?因为企业要处理不断变换的政府规则,例如税收和工资计算;我们需要在一个独立的包装模块里维护规则和公式时保持ui不变的能力,使得当公式改变时,应用程序jar(ui)并不需要变化。因此只有改变的公式需要测试,使得发布的进程简单化。
为了满足这个需求,我们设计的gui编译器将应用程序和事件汇编到一个应用程序jar,jar隐藏了所有的gui swing 代码并且通过一个renderer类(adarenderer)在运行时来执行应用程序。
不需要swing经验
为了确保开发工具能够做到真正的所见即所得,我们决定采用类似delphi和vb中用xy坐标来定位的布局管理方式。采用这种方式,swing jframe就是一个画布,开发者可以将swing组件放入jframe的xy布局中。有了xy布局管理器,我们的开发者不需要理解swing中并不熟悉的,复杂的布局管理器,这样我们的应用程序开发者就可以把精力集中到应用程序ui和它的商业逻辑中。
事实上,abaguibuilder包含了大部分的swing可视组件,从面板到制表符页,还有对菜单?p菜单项,带有java数据库连接的数据库感知组件,jfreechart组件的支持,和导入第三方可视类库的能力。所有这些组件都可以从组件选择区拖入一个空框架来开发你的gui应用程序。
示例项目: 跟踪开发商的联络信息
最佳的展示abaguibuilder rad(快速应用程序开发)的方式就是开发一个带有菜单栏的多文本制表符面板的示例程序。首先,你必须通过在组件选择区选择jframe,将其拖入应用程序画布中来实现将jframe对象放入空的表单面板中。然后,将所有的可视组件托在jframe上。注意:当你开始一个新的项目时,必须先放入jframe,使其成为你的对象画布,见图2。

图2. 应用程序jframe 作为画布. 点击缩略图查看完整图.
其次,增加一个制表符格和两个制表符页。在组件选择区的容器区内选择jtabbedpane将其拖入jframe1。当jtabbedpane放置好后,右键,在弹出菜单中选择 add jatabpage在面板上增加两个制表符页。如图3。

图3. 增机制表符页: 右键制表符页选择add jatabpage.
然后,在属性栏中选择tabtitle为每个制表符页设置标题。

图4.可以放入swing组件的空制表符页.
这时,你已经有了两个空的制表符页,你可以从组件选择区选择任意的swing组件放入其中。在我们的例子中,开发者制表符页中包含两个屏面,上面有一系列的jlabel和jtextfield对象。你能够很快的开发出一个类似图5的应用程序。作为一个可视化应用程序开发者,你能够体会到使用abacus gui编译器能给你开发复杂的gui应用程序所带来的方便。

图5. 短时开发的应用程序.
编译器带的透视图模式是一个很有用的特征,因为它能够预览运行时的应用程序。通过选择工具栏的run选项或者按f9键,即可进入透视图模式

图6. 所见即所得: 开发时检查视觉效果.
这时保存你的工作,按下ctrl-s或者选择save选项,给项目起名叫devteam,将其保存到示例目录中。在你保存完项目后,打开abaguibuilder的示例目录,打开文件devteam.proj。proj文件是一个xml文件,其中定义了应用程序中的所有类,对象,对象的性质,甚至是代码。这是一个对你的可视项目的表达平台。
增加事件句柄
为每个对象增加事件句柄是一个直截了当的过程。你所要做的就是点击对象,从事件列表中选择你希望中断产生的事件,并为事件填写合适的java代码。再一次证明,abaguibuilder的设计符合delphi和vb的模式。我们的目标是对应用程序开发者隐藏ui的实现,例如事件监听器等。举个例子,如图7,为了实现按下exit(退出)按钮时,弹出一个确认对话框,首先选择exit按钮的actionperformed事件,然后填入如下java代码

图7. 为可视化组件增加事件句柄.
切记,事件句柄在ide透视图模式下并不能使用,只有在运行时才被激活,所以你必须编译,运行应用程序才能检查结果。
可视化地增加一个菜单和菜单项是另一个强大的并节省时间的特征。你所要做的就是从组件选择区选择jmenubar并将其放在框架的任意地方。jmenubar一般放在顶部且xy坐标无关。然后右键点击jmenubar,弹出一个弹出框,如图8。为菜单增加jmenu,jmenuitem(s),和事件句柄。

图8. 可视化增加菜单和菜单项.
然后,复制exit按钮的actionperformed事件代码到exit菜单项中,使得不管选择exit按钮还是exit菜单项都回弹出一样的确认对话框。最后,点击工具栏中的save(with compile)。现在你完成了你的第一个abaguibuilder应用程序。
代码到哪里去了?
我们经常听到这样的问题:代码去哪了?abaguibuilder并不是不创造java代码,只不过是编译器内部生成的java代码不被看到和用到而已。gui编译器通过运行独立的包装程序(renderer)将内部代码编译到应用程序的jar文件中。事实上,你可以在/bin/output目录下检测abaguibuilder产生的java代码。但是切记,这些代码并使被外部使用的;它只不过作为一个辅助工具,当编译器生成的代码万一有问题时使用。
生成项目文件(.proj)后,gui编译器生成两个文件,你的应用程序jar文件和decl文件。随后当你写包装器文件时,decl文件会有帮助。它包含了所有的对象定义和一个通用入口函数getreferences(),并且它将ui表单的所有可视元素写为私有变量。我们可以使用decl文件程序段中的这些私有变量实现商业逻辑和ui的分离。
开发过程中,我们推荐你使用例子文件夹中的runproz脚本来运行你的应用程序jar文件。这个脚本文件设置了classpath,填交了所有需要的jar,使用示例java包装器来运行应用程序jar。如图9,当你运行devteam应用程序时,命令如下:runproz /abaguibuilder-1.7/samples/devteam.jar

图9. 部署应用程序.
理解runproz的机制很重要,虽然很简单,让我们注意下行:"%java_home%/bin/java.exe" exec %1
exec是示例包装器abarenderer提供的默认加载机制,参数%1指的是abaguibuilder应用程序jar的名字。当jar的路径和名字传给exec.java时,它将加载和运行指定的应用程序jar。这就是应用程序jar运行的机制。
编写自己的包装器
abarenderer包装器是一个用abarenderer 对象来加载应用程序jar的java程序。包装器是一个仅仅需要几行代码的简单程序。
public class exec
{
public static abarenderer m_abarenderer ;
// assignments for this user interface
public static void main(string[] args)
{
string docname = new string(args[0]);
try
{
system.out.println("loading.." + docname);
m_abarenderer = new abarenderer(docname, true , null);
boolean btestload = m_abarenderer.load();
if(btestload)
m_abarenderer.renderinterface(); }
catch(exception e)
{e.printstacktrace();}
}
}
当部署应用程序时,你可以选择使用runproz和示例包装器来发布它,也可以使用你自己写的包装器和classpath。当你需要为你的包装器增加其它的一些特征时我们推荐你编写自己的包装器,例如:使用第三方程序库的监听器,手工初始化对象,为组合框增加代码,或者最后将ui从业务逻辑中分离出来等。
将业务逻辑从ui中分离出来
为了将应用程序的ui和业务逻辑分离开,你必须写自己的包装器。一个分离的简单例子就是在开发工具和项目以外,通过包装器手工地初始化应用程序的可视组件。当你再次调用时,gui编译器生成一个声明文件。这个文件有一个访问方法可以初始化一系列私有变量,这些私有变量是表单上可视对象的引用。getreferences()方法允许开发者访问和操作表单上的任一可视组件。
下面的exec2程序在第一个制表符位置初始化了一个组合框,示范了一个简单的应用程序ui和业务逻辑的分离:
public class exec2
{
public static abarenderer m_abarenderer ;
// declarations of variables for this user interface.
…….
private jcombobox jstcombobox;
// assignments for this user interface
public void getreferences()
{
…..
//loads the visual object jcombobox1 to private data jcombobox1
jstcombobox= (jcombobox)m_abarenderer.getobject("jcombobox1");
…..
}
// assignments for this user interface
public static void main(string[] args)
{
string docname = new string(args[0]);
try
{
system.out.println("loading.." + docname);
m_abarenderer = new abarenderer(docname, true , null);
boolean btestload = m_abarenderer.load();
if(btestload)
{
m_abarenderer.renderinterface();
getreferences();
// sample access to objects
jstcombobox.additem("fl");
jstcombobox.additem("ca");
jstcombobox.additem("wa");
jstcombobox.additem("md");
jstcombobox.additem("pa");
}
}
catch(exception e)
{
e.printstacktrace();
}
}
}
上面例子演示了一个简单、清晰的ui和业务逻辑的分离。明显的优势就是你可以轻松地改变初始化例程而不需要改变应用程序ui。你将发现当你的应用程序变得越来越大,越来越复杂时,这一特征越来越重要――对于所有的开发项目而言,这将是一个值得效仿的做法。
结论
abaguibuilder最初是为了满足我们的delphi应用程序开发者的需要而设计的,节省了很多开发时间,而且是我们的gui开发转换变得容易。对于其他的大多数delphi和vb的开发者而言,它也能做得很好。
资源
?下载本文源代码: http://www.javaworld.com/javaworld/jw-12-2005/abacus/jw-1219-abacus.zip
?下载abaguibuilder: http://sourceforge.net/projects/abaguibuilder
?screen shots和其他文章: http://www.openabacus.org
?abacus 研究: http://www.abacus.ch
?更多关于gui开发的文章,请浏览javaworld文章列表的用户界面设计部分: http://www.javaworld.com/channel_content/jw-ui-index.shtml
?gui编程论坛:http://www.matrix.org.cn/topic.shtml?forumid=49
版权声明:任何获得matrix授权的网站,转载时请务必保留以下作者信息和链接
原文:http://www.javaworld.com/
译文:http://www.matrix.org.cn/
闽公网安备 35060202000074号