前言

WindowBuilder这个插件可以快速高效的搭建一个java可视化应用，之前经常用，后来学习了python，荒了一段时间，现在重新捡起来。不过之前的eclipse换了版本，感觉插件有点乱，索性卸了重装一下。

WindowBuilder的安装使用和卸载

1. 安装

help->Install new software->add->local然后选中下载的WB文件夹或者输入网址在线安装。

图2.安装插件界面

2. 使用WindowBuilder

首先建立一个java project，然后在工程上右键new->other->Application Window

图3.WindowBuilder使用

3. 卸载WindowBuilder

help->Install new software，然后如下图

图1.eclipse界面

在图1里有个蓝色的already installed，点进去然后一直ok就行。

正式上手

1.创建带滚动条的JTextArea

这个老是记不住，关键是要将JScrollPane拖放成一个框，当然JFrame得是Absolute布局

创建带滚动条的TextArea.gif

2. 控件上添加图片

在项目文件夹上右键new->Source folder，命名为img，将图片复制或拖动到该文件夹下。

eclipse视图

** 注意这里的img文件夹位置，应该在JRE System Library上方**

2.在WB里新建一个JLabel，然后在source相应的地方加上如下

JLabel label = new JLabel("");
Image img1 = newImageIcon(this.getClass().getResource(".//logo.png")).getImage();
label.setIcon(new ImageIcon(img1));

运行后图片就会显示了，在button上加图片也是同样，要注意图片的大小下载时一定要选好，如果在design里没有显示出来可能是图片的大小超出了所在控件。

界面间切换

建立两个JFrame(frame和frame2)，都包含public static void main(String[] args)，然后在frame相关代码区（如按钮点击事件监听）

frame.dispose();
EmployeeInfo frame2 = new EmployeeInfo();
frame2.setVisible(true);

上面的EmployeeInfo是另一个继承了JFame类的名字

![Uploading 创建Jlist_103937.gif . . .]
](http://upload-images.jianshu.io/upload_images/141140-e60e25ff1efb6151.gif?imageMogr2/auto-orient/strip)

3. JList使用

设为absolute布局

创建Jlist.gif

在按钮的监听器处加入一下代码

btnLoadData.addActionListener(new ActionListener() {
    public void actionPerformed(ActionEvent e) {
        DefaultListModel dlm = new DefaultListModel();
        dlm.addElement("Mark");
        dlm.addElement("July");
        dlm.addElement("Carry");
        list.setModel(dlm);
    }
});

Jlist事实上就是setModel，把要显示的内容添加到model 里就行了

JList演示.gif

4. 使用JComboBox

在窗口初始化里加上JComboBox的填充方法

public void fillComboBox() {
    comboBox.addItem("carry");
    comboBox.addItem("carry2");
        comboBox.addItem("carry3");
}
监听器方法如下：

然后给JComboBox添加监听器

comboBox.addActionListener(new ActionListener() {
    public void actionPerformed(ActionEvent e) {
        textField.setText((String)comboBox.getSelectedItem());
    }
});

JComboBox使用.gif

5. JMenu使用

菜单的实现由三层组成：JMenuBar JMenu JMenuItem

JMenu使用.gif

WindowBuilder快速教程

前言