JAVA_eclipse插件绘制GUI界面过程

JAVA_eclipse插件绘制GUI界面过程

1. 安装eclipse插件

安装WindowBuilder插件

选择相应的版本install

等待下载安装完成重新启动eclipse

2. 插件的使用

新建项目，选择其他

新建Application Window

生成代码界面和design界面

选择design进行gui界面编辑

3. 例如创建一个简易的计算器4*4界面布局

   首先需要是使用布局
   

   其次创建一个文本框TextField

添加一个面板Panel

同时面板布局采用GridLayout,自动排列，往面板添加按钮

左下角设置按钮参数

依次添加全部按钮最后结果

自动生成的代码块如下（部分）

/**
	 * Launch the application.
	 */
	public static void main(String[] args) {
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				try {
					caculatetest window = new caculatetest();
					window.frame.setVisible(true);
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
		});
	}

	/**
	 * Create the application.
	 */
	public caculatetest() {
		initialize();
	}

	/**
	 * Initialize the contents of the frame.
	 */
	private void initialize() {
		frame = new JFrame();
		frame.setBounds(100, 100, 522, 504);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		textField = new JTextField();
		textField.setColumns(10);
		
		JPanel panel = new JPanel();
		GroupLayout groupLayout = new GroupLayout(frame.getContentPane());
		groupLayout.setHorizontalGroup(
			groupLayout.createParallelGroup(Alignment.LEADING)
				.addGroup(groupLayout.createSequentialGroup()
					.addContainerGap()
					.addGroup(groupLayout.createParallelGroup(Alignment.LEADING)
						.addComponent(textField, GroupLayout.PREFERRED_SIZE, 484, GroupLayout.PREFERRED_SIZE)
						.addComponent(panel, GroupLayout.PREFERRED_SIZE, 485, GroupLayout.PREFERRED_SIZE))
					.addContainerGap(13, Short.MAX_VALUE))
		);
		groupLayout.setVerticalGroup(
			groupLayout.createParallelGroup(Alignment.LEADING)
				.addGroup(groupLayout.createSequentialGroup()
					.addContainerGap()
					.addComponent(textField, GroupLayout.PREFERRED_SIZE, 82, GroupLayout.PREFERRED_SIZE)
					.addPreferredGap(ComponentPlacement.RELATED)
					.addComponent(panel, GroupLayout.PREFERRED_SIZE, 349, GroupLayout.PREFERRED_SIZE)
					.addContainerGap(20, Short.MAX_VALUE))
		);
		panel.setLayout(new GridLayout(4, 4, 0, 0));
		
		btnNewButton_1 = new JButton("+");
		btnNewButton_1.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_1);
		
		btnNewButton = new JButton("-");
		btnNewButton.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton);
		
		btnNewButton_2 = new JButton("x");
		btnNewButton_2.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_2);
		
		btnNewButton_3 = new JButton("/");
		btnNewButton_3.setEnabled(true);
		btnNewButton_3.setFont(new Font("Dialog", Font.PLAIN, 17));
		panel.add(btnNewButton_3);
		
		btnNewButton_4 = new JButton("1");
		btnNewButton_4.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_4);
		
		btnNewButton_5 = new JButton("2");
		btnNewButton_5.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_5);
		
		btnNewButton_6 = new JButton("3");
		btnNewButton_6.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_6);
		
		btnNewButton_7 = new JButton("0");
		btnNewButton_7.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_7);
		
		btnNewButton_8 = new JButton("4");
		btnNewButton_8.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_8);
		
		btnNewButton_9 = new JButton("5");
		btnNewButton_9.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_9);
		
		btnNewButton_10 = new JButton("6");
		btnNewButton_10.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_10);
		
		btnNewButton_11 = new JButton("c");
		btnNewButton_11.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_11);
		
		btnNewButton_12 = new JButton("7");
		btnNewButton_12.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_12);
		
		btnNewButton_13 = new JButton("8");
		btnNewButton_13.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_13);
		
		btnNewButton_14 = new JButton("9");
		btnNewButton_14.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_14);
		
		btnNewButton_15 = new JButton("=");
		btnNewButton_15.setFont(new Font("宋体", Font.PLAIN, 17));
		panel.add(btnNewButton_15);
		frame.getContentPane().setLayout(groupLayout);