使用WindowBuilder辅助Java GUI开发

      WindowBuilder的前身是Instantiations开发的SWT Designer,2010年8月初Google收购了Instantiations,之后重新发布了Instantiations的开发工具,并且对所有开发人员免费,其中就包括用于Java图形界面设计的WindowBuilder。

      WindowBuilder的下载方式见https://developers.google.com/java-dev-tools/download-wbpro?hl=zh-CN。安装完成后,即可在File->New->Other...中看到WindowBuilder,如图1所示。

 

使用WindowBuilder辅助Java GUI开发

图1

 

     在WindowBuilder下可以直接建立工程,也可以建立单个的窗口。假设已经建立了工程,这里选择Swing Designer下的Application Window,点击Next >后,类似于新建类,在后续对话框中输入Name和Package,如图2所示。

 

使用WindowBuilder辅助Java GUI开发

图2

 

Finish后,即可得到HelloWorld.java。打开HelloWorld.java,可见其中已经预先生成了一些代码,是一个空白的窗体。点击代码窗口左下角新出现“Design"标签,可以使用WindowBuilder Editor可视化地查看窗体(也可以在HelloWorld.java上点击右键,选择Open With->WindowBuilder Editor),如图3所示。

 

使用WindowBuilder辅助Java GUI开发

图3

 

      WindowBuilder Eidtor的界面类似于VS等工具,能够可视化地对界面进行设计。点击Layouts下的Absolute layout,再点击窗体,使用绝对定位;点击Components下的JTextField,再点击窗体,添加一个文本框,修改其Variable属性为”txtName“;点击Components下的JButton,再点击窗体,添加一个按钮,修改其Variable属性为btnSubmit,修改其text属性为”Submit“;点击Components下的JLabel,再点击窗体,添加一个标签,修改其Variable属性为lblName,修改其text属性为”Name:“;同样方法再添加一个JLabel,修改其Variable属性为lblMessage,修改其text属性为”Please enter your name.“;调整界面尺寸,最终得到的界面如图4所示。

 

使用WindowBuilder辅助Java GUI开发

图4

 

 

这时点击左下角的”Source“标签回到代码编辑器,可以看到WindowBuilder生成的代码如下:

package text;

 

import java.awt.EventQueue;

 

import javax.swing.JFrame;

import javax.swing.JLabel;

import javax.swing.JTextField;

import javax.swing.JButton;

 

public class HelloWorld {

 

    private JFrame frame;

    private JTextField txtName;

 

    /**

     * Launch the application.

     */

    public static void main(String[] args) {

        EventQueue.invokeLater(new Runnable() {

            public void run() {

                try {

                    HelloWorld window = new HelloWorld();

                    window.frame.setVisible(true);

                } catch (Exception e) {

                    e.printStackTrace();

                }

            }

        });

    }

 

    /**

     * Create the application.

     */

    public HelloWorld() {

        initialize();

    }

 

    /**

     * Initialize the contents of the frame.

     */

    private void initialize() {

        frame = new JFrame();

        frame.setBounds(100, 100, 196, 169);

        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        frame.getContentPane().setLayout(null);

         

        txtName = new JTextField();

        txtName.setBounds(57, 18, 93, 21);

        frame.getContentPane().add(txtName);

        txtName.setColumns(10);

         

        JButton btnSubmit = new JButton("Submit");

        btnSubmit.setBounds(57, 46, 93, 23);

        frame.getContentPane().add(btnSubmit);

         

        JLabel lblName = new JLabel("Name:");

        lblName.setBounds(20, 21, 54, 15);

        frame.getContentPane().add(lblName);

         

        JLabel lblMessage = new JLabel("Please enter your name.");

        lblMessage.setBounds(20, 79, 151, 15);

        frame.getContentPane().add(lblMessage);

    }

 

}

  

如果在点击”Source“标签前选中了某个组件,则点击”Source“回到代码编辑器后,光标则会自动定位到对应的组件。

      再点击”Design“回到WindowBuilder Editor,双击Submit按钮,同大多数GUI开发工具类似,WindowBuilder认为此时要编写事件处理代码,界面自动切换到代码编辑器,且WindowBuilder已经在initialize()中完成了监听器的定义和注册:

btnSubmit.addActionListener(new ActionListener() {

    public void actionPerformed(ActionEvent arg0) {

    }

});

  

WindowBuilder使用匿名内部类的形式实现事件处理器。修改initialize()如下:

private void initialize() {

    frame = new JFrame();

    frame.setBounds(100, 100, 196, 169);

    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

    frame.getContentPane().setLayout(null);

         

    txtName = new JTextField();

    txtName.setBounds(57, 18, 93, 21);

    frame.getContentPane().add(txtName);

    txtName.setColumns(10);

         

    final JLabel lblMessage = new JLabel("Please enter your name.");

    lblMessage.setBounds(20, 79, 151, 15);

    frame.getContentPane().add(lblMessage);

         

    JButton btnSubmit = new JButton("Submit");

    btnSubmit.addActionListener(new ActionListener() {

        public void actionPerformed(ActionEvent arg0) {

            lblMessage.setText("Hello " + txtName.getText() + "!");

        }

    });

    btnSubmit.setBounds(57, 46, 93, 23);

    frame.getContentPane().add(btnSubmit);

         

    JLabel lblName = new JLabel("Name:");

    lblName.setBounds(20, 21, 54, 15);

    frame.getContentPane().add(lblName);

}               

  

这里将lblMessage的定义放在按钮btnSubmit之前,并定义为final(在匿名类内部使用外部定义的对象,则该对象必须为final),运行结果如图5所示。

 

 

使用WindowBuilder辅助Java GUI开发

 

图5

 

      WindowBuilder能够可视化地开发界面,并自动生成大部分代码,可以极大地方便JAVA GUI的设计和开发,但WindowBuilder完成的代码毕竟为机器自动生成,对于复杂的界面和事件处理,仍需要手动对代码进行整理。多数情况下,对WindowBuilder生成的代码进行移动后,WindowBuilder Editor仍能可视化地显示界面。