站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Eclipse 专题JFace 开发向导

JFace 开发向导

摘要: 无论您使用什么语言开发 GUI 应用程序,收集用户输入的交互式机制都是不可或缺的。属于开发中的 Eclipse 项目的 JFace 工具箱提供了一组功能强大的用户界面组件,开发人员可以轻松地在独立应用程序中利用这些组件。JFace 工具箱中比较有趣的组件之一是对向导的支持。JFace 向导和标准窗口小部件工具箱(Standard Widget Toolkit,SWT)内的其它用户界面组件结合起来提供了灵活的机制,以便系统化地收集用户输入和执行数据验证。

过去,用 Java 开发高度交互式的客户机端应用程序,使这些应用程序看起来就象本机应用程序并且能象本机应用程序那样操作,这样的想法就象圣杯(Holy Grail)一样难以捉摸。随着 Eclipse 项目的出现,开发人员开始创建模拟原汁原味的本机应用程序的 Java 应用程序。虽然传统意义上认为 Eclipse 项目是 Java 的开放源码集成开发环境(IDE),但是该项目涉及的范围要广得多。事实上,在 eclipse.org 网站首页上,Eclipse 被描述为“…一种通用工具平台 - 是一种开放的可扩展 IDE,它可以做任何事,而不是特别用于某个方面。”

在 Eclipse 平台开发期间,该项目产生了两个用户界面工具箱:SWT 和 JFace。SWT 提供了一个与平台无关的 API,该 API 与操作系统的本机窗口环境紧密地集成在一起。该工具箱使开发人员不必面对在使用 Java 的抽象窗口工具箱(Abstract Window Toolkit,AWT)或 Java 基础类(Java Foundation Classes,JFC)时在许多设计和实现方面所要作的权衡。JFace 工具箱是与平台无关的 API,可与 SWT 进行互操作。该库提供了一组组件和助手实用程序,它们使开发 SWT 用户界面中的许多常见任务得以简化。

尽管在开发本文中的样本代码时使用了 Eclipse,但文章本身演示如何在独立应用程序的上下文内使用 JFace 向导。有关 Eclipse 项目的更多信息或背景知识,请参阅本文后面的 参考资料。

地址簿应用程序

在查看如何使用 JFace 工具箱的代码和实现细节之前,让我们查看一下这个示例应用程序的用途和结构。本文所包含的应用程序是一个简单的内存中的地址簿,它允许用户添加个人地址簿联系人。该应用程序包含了一个由两页组成的 JFace 向导,每一页都包含了描述特定联系人的域。用户可以使用 图 1中所示的表来浏览联系人列表。


如 图 2所示,New Contact 向导供用户创建新的联系人。


就象 Eclipse 项目一样,SWT 和 JFace 库一开始就设计成支持各种各样的操作系统和环境。为演示这些库的跨平台能力,已经将所包含的示例独立应用程序打包,以便能在 Microsoft Windows 和 Linux 上运行。


<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

环境需求

您可以在 参考资料一节中查找并下载本文中所用的代码。要测试地址簿应用程序,您的环境必须满足下列最低需求:

虽然已经很小心地使 Ant 构建脚本可以跨平台使用,但是仍然只在 Microsoft Windows XP 和 Red Hat Linux 8 操作系统上测试和验证了个人地址簿应用程序。让我们从安装和设置样本代码开始吧。


<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

安装和构建地址簿应用程序

要安装和构建地址簿应用程序,请完成下列步骤:

  1. 下载源代码软件包。请参阅 参考资料中的链接。
  2. addressbook.zip 文件解压缩到临时目录中。
  3. 在新创建的目录中运行下面这个命令: ant clean
  4. 在新创建的目录中运行下面这个命令: ant

如果您的环境满足需求并且配置正确,那么您应当会看到类似于下面这样的内容:


清单 1. 构建地址簿应用程序
<table bgcolor="#eeeeee" width="100%" cellpadding="5" cellspacing="0" border="1"><tr><td>

Buildfile: build.xml

init:
    [mkdir] Created dir: D:\Address Book\dist

compile-common:

compile-module:
    [echo] Compiling ...
    [mkdir] Created dir: D:\Address Book\build
    [mkdir] Created dir: D:\Address Book\build\classes
    [javac] Compiling 8 source files to D:\Address Book\build\classes

package-common:
      [jar] Building jar: D:\Address Book\dist\addressbook.jar

default:

BUILD SUCCESSFUL
</td></tr></table>

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

使用 JFace 向导

既然我们已经介绍了 SWT 和 JFace 的基础知识以及地址簿应用程序的行为,让我们研究一下如何使用 JFace 向导。由于本文的目的在于介绍 JFace 向导,因此并没有提供有关如何创建独立应用程序的更多背景信息。有关如何在 Eclipse 工作台之外使用 SWT/JFace 组件的更多信息和背景知识,请参阅 Adrian Van Emmenis 的由三部分所组成的文章系列(请参阅 参考资料以获取链接)。

在地址簿应用程序中, NewContactAction 类处理用户从 File 菜单选择 New Contact这一操作(请参阅 图 3)。


清单 2中的代码说明了为用户打开一个向导所需的对象和方法。



清单 2. NewContactAction 类
<table bgcolor="#eeeeee" width="100%" cellpadding="5" cellspacing="0" border="1"><tr><td>

1    public class NewContactAction extends Action
2    {
3       ApplicationWindow window;
4
5        publicNewContactAction(ApplicationWindow w)
6        {
7           window = w;
8           this.setText("New Contact");
9           this.setToolTipText("Create new contact");
10        }
11
12        public void run()
13        {
14           ContactWizard wizard = new ContactWizard();
15
16           WizardDialog dialog = new WizardDialog(window.getShell(), wizard);
17           dialog.open();
18        }
19    }
</td></tr></table>

让我们逐步研究这段代码:

  1. 无论用户何时从菜单栏选择 New Contact,都要执行第 12 行中的 run 方法。
  2. 如第 14 行所示,在向用户显示 GUI 向导之前需要创建 ContactWizard 类的新实例。该类设置向导的各个页面,允许用户向各个域提供输入。我们稍后将更加详细地介绍 ContactWizard 类。
  3. 第 16 行用两个变量对 WizardDialog 类进行实例化:第一个变量包含了对 shell 的引用,第二个变量包含了对第 14 行中所创建的 ContactWizard 的引用。 WizardDialog 类负责为用户显示实际向导以及组织每个页面的表现形式。
  4. 如 图 4所示,第 17 行打开了向导对话框。



<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

实现 JFace 向导

要在地址簿应用程序中创建 ContactWizard 类,我们需要创建继承向导基本实现的子类并覆盖下列方法:

  • public void addPages() - 该方法提供了一个挂钩,以便在向最终用户显示向导之前给向导添加其它页面。要给向导添加新的页面,只要如 清单 3 所示的那样调用 addPage 方法即可。在 ContactWizard 类中定义了两个页面。我们将在下一节中研究如何创建新的页面。

清单 3. ContactWizard 类中的 addPages 方法
<table bgcolor="#eeeeee" width="100%" cellpadding="5" cellspacing="0" border="1"><tr><td>

public void addPages()
{
page1 = new BasicContactPage(selection);
    page2 = new AddressContactPage(selection);
    addPage(page1);
addPage(page2);
}
</td></tr></table>
  • public boolean performFinish() - 当用户点击 Finish 按钮时执行这个方法。在 ContactWizard 中,用这个方法收集向导的每个页面上每个域中的数据并把它们填充到一个域对象中。请参阅 清单 4。

清单 4. ContactWizard 类中的 performFinish 方法
<table bgcolor="#eeeeee" width="100%" cellpadding="5" cellspacing="0" border="1"><tr><td>

public boolean performFinish()
{
Contact contact = new Contact();
   contact.setFamilyName(page1.getFamilyName());
   contact.setGivenName(page1.getGivenName());
   contact.setBusinessPhone(page1.getBusinessPhone());
   contact.setHomePhone(page1.getHomePhone());
   contact.setEmailAddress(page1.getEmail());
      
   AddressBook.addContact(contact);
      
    return true;
}
</td></tr></table>

清单 5 显示了具有 addPagesperformFinish 方法的完整类。


清单 5. ContactWizard 类
<table bgcolor="#eeeeee" width="100%" cellpadding="5" cellspacing="0" border="1"><tr><td>

...
public class ContactWizard extends Wizard
{
    private BasicContactPage page1;
    private AddressContactPage page2;
    private ISelection selection;

    public ContactWizard()
    {
        super();
        setNeedsProgressMonitor(true);
    }

    public void addPages()
    {
        page1 = new BasicContactPage(selection);
        page2 = new AddressContactPage(selection);
        addPage(page1);
        addPage(page2);
    }

    public boolean performFinish()
    {
        Contact contact = new Contact();
        contact.setFamilyName(page1.getFamilyName());
        contact.setGivenName(page1.getGivenName());
        contact.setBusinessPhone(page1.getBusinessPhone());
        contact.setHomePhone(page1.getHomePhone());
        contact.setEmailAddress(page1.getEmail());

        AddressBook.addContact(contact);

        return true;
    }
}
</td></tr></table>

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

实现 JFace WizardPage

没有实现 WizardPage 的类, ContactWizard 就不会有任何行为。您可以将向导看成是一堆卡片,每一张卡片都有自己的布局和设计。每个 WizardPage 负责向导中单个页面(即卡片)的布局和行为。要创建 WizardPage ,我们需要创建继承 WizardPage 基本实现的子类并实现 createControl 方法,从而为向导页面创建特定的 GUI 控件。

开发 WizardPage 时,需要完成下列各项:

  1. 使用指定父项创建一个组合。
  2. 创建窗口小部件的布局。对于 BasicContactPage 类,使用 GridLayout。
  3. 在第 2 步创建的布局中构造并布置窗口小部件。有关 SWT 窗口小部件的更详尽的文档,请参阅 参考资料中的链接。 清单 6 演示了在 ContactWizard 类中构造和布置 BasicContactPage 所需的代码。请参阅 图 1中该向导页面的抓屏。

清单 6. BasicContactPage 类中的 createControl 方法
<table bgcolor="#eeeeee" width="100%" cellpadding="5" cellspacing="0" border="1"><tr><td>

...
public void createControl(Composite parent)
{
   Compositecontainer = new Composite(parent, SWT.NULL);
   GridLayoutlayout = new GridLayout();
   container.setLayout(layout);
   layout.numColumns = 2;
   layout.verticalSpacing = 9;
      
   Label label= new Label(container, SWT.NULL);
   label.setText("&Given Name:");
      
   givenNameText = new Text(container, SWT.BORDER | SWT.SINGLE);
      
   GridData gd= new GridData(GridData.FILL_HORIZONTAL);
   givenNameText.setLayoutData(gd);
   givenNameText.addModifyListener(new ModifyListener()
        {
           public void modifyText(ModifyEvent e)
            {
               dialogChanged();
            }
        });
      
   label = newLabel(container, SWT.NULL);
   label.setText("&Family Name:");
      
   familyNameText = new Text(container, SWT.BORDER | SWT.SINGLE);
   gd = newGridData(GridData.FILL_HORIZONTAL);
   familyNameText.setLayoutData(gd);
   familyNameText.addModifyListener(new ModifyListener()
        {
           public void modifyText(ModifyEvent e)
            {
               dialogChanged();
            }
        });
      
   label = newLabel(container, SWT.NULL);
   label.setText("&Nickname:");
      
   nickNameText= new Text(container, SWT.BORDER | SWT.SINGLE);
   gd = newGridData(GridData.FILL_HORIZONTAL);
   nickNameText.setLayoutData(gd);
      
   createLine(container, layout.numColumns);
      
   label = newLabel(container, SWT.NULL);
   label.setText("&Business Phone:");
      
   businessPhoneText = new Text(container, SWT.BORDER | SWT.SINGLE);
   gd = newGridData(GridData.FILL_HORIZONTAL);
   businessPhoneText.setLayoutData(gd);
      
   label = new Label(container, SWT.NULL);
   label.setText("&Home Phone:");
      
   homePhoneText = new Text(container, SWT.BORDER | SWT.SINGLE);
   gd = newGridData(GridData.FILL_HORIZONTAL);
   homePhoneText.setLayoutData(gd);
      
   createLine(container, layout.numColumns);
      
   label = newLabel(container, SWT.NULL);
   label.setText("&E-Mail Address:");
      
   emailText =new Text(container, SWT.BORDER | SWT.SINGLE);
   gd = newGridData(GridData.FILL_HORIZONTAL);
   emailText.setLayoutData(gd);
   emailText.addModifyListener(newModifyListener()
        {
           public void modifyText(ModifyEvent e)
            {
               dialogChanged();
            }
        });
      
   //dialogChanged();
   setControl(container);
}
...
</td></tr></table>
  1. 为任何可能需要输入验证或转换的窗口小部件创建侦听器。对于 BasicContactPage 类,创建了几个 ModifyListeners 对特定数据域执行输入验证。无论何时修改文本域中的文本,都要执行 dialogChanged 方法。该方法负责处理错误并将错误报告给向导。 清单 7演示了处理输入验证和将任何错误通知向导所需的代码。

清单 7. 处理输入验证类的 dialogChanged 和 updateStatus 方法
<table bgcolor="#eeeeee" width="100%" cellpadding="5" cellspacing="0" border="1"><tr><td>

...
private void dialogChanged()
{
    if (this.getGivenName().length() == 0)
    {
        updateStatus("Given name must be specified.");

        return;
    }

    if (this.getFamilyName().length() == 0)
    {
        updateStatus("Family name must be specified.");

        return;
    }

    if (this.getEmail().length() > 0)
    {
        if (this.getEmail().indexOf("@") < 0)
        {
            updateStatus("Enter your email address as yourname@yourdomain.com");

        return;
        }
    }

    updateStatus(null);
}

private void updateStatus(String message)
{
    setErrorMessage(message);
    setPageComplete(message == null);
...
</td></tr></table>

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

运行地址簿应用程序

要测试和运行地址簿应用程序,请完成下列步骤:

  1. 在解包源代码的目录中运行下面这个命令: ant run
  2. 执行 Ant 脚本之后,应当会出现地址簿应用程序。
  3. 从 File 菜单选择 New Contact 以启动 JFace Contact 向导。 请参阅 图 5。



<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

结束语

通过引入 SWT/JFace 用户界面工具箱,Eclipse 项目最终为 Java 开发人员提供了一种创建高度交互式客户机端应用程序的方法。 使用象 JFace 向导这样的组件来研究如何用最少的代码来创建收集用户输入的灵活机制,确实令人兴奋。示例地址簿应用程序提供了一个构建和打包框架,您可以用该框架来创建自己的独立 SWT/JFace 应用程序。


<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>


<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>

关于作者<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td colspan="3"></td></tr><tr align="left" valign="top"><td>

</td><td></td><td width="100%">

Jeff Gunther 是 Intalgent Technologies的总经理和创始人,这家公司是新兴的软件产品和解决方案供应商,其产品和解决方案采用 Java 2 企业版和 Lotus Notes/Domino 平台。Jeff 从早期的“Mosaic”(最早的 Internet Web 浏览器)出现之前的时代就投身于因特网行业。他拥有软件生命周期所有方面的专业经验,包括 Java/J2EE、DHTML、XML/XSLT、数据库设计和手持设备方面的特殊软件开发专业经验。可以通过 jeff.gunther@intalgent.com与他联系。

</td></tr></table>

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
</td></tr></table><table class="no-print" cellspacing="0" cellpadding="0" align="right"><tr align="right"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">
</td><td valign="top" align="right"></td></tr></table></td></tr></table>


↑返回目录
前一篇: 在 Eclipse Workbench 之外使用 Eclipse GUI,第 3 部分: 添加操作、菜单和工具栏
后一篇: SWT 和 JFace,第 1 部分: 简介