图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可视组件,从面板到制表符页,还有对菜单﹑菜单项,带有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();}
}
}
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/