使用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所示。

图1

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

图2

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

图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所示。

图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所示。

 

 

图5

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