HIT软件构造 lab3总结之 java可视化开发工具WindowBuilder

前言

这次的分享只是为初学者做简易的可视化界面做的，只对java可视化开发的初学者作为参考。
编译器：eclipse
我们使用java做可视化开发的时候，或许很多初学者都是靠代码写出来的，如果一个页面十分复杂的话，有很多的组件，各种面板，五花八门的布局，稀奇百怪的监听，这些如果真的纯代码敲那真是太死亡了，而且做出来的效果还不一定好看。所以我给大家推荐一个eclipse的外置工具----WindowBuilder。
它可以让你以可视化的形式去制作可视化界面，自动生成相对应的代码，相当于拼图一样，十分简单，容易上手。

安装WindowBuilder

打开eclipse–>在菜单栏中找到Help–>选择Eclipse Marketplace

在这里插入图片描述
进入商店，搜索windowBuilder

我装的是第一个，第二个没用过。
重点：安装如果失败请关闭防火墙重新安装，如果还是安装不了就只能去windowBuilder官网下载其安装包，然后在本地进行安装（安装方法网上自查，很简单）

创建java文件

安装成功后我们就可以创建GUI了，在包中右键new，选择other

在这里插入图片描述
再下面找到WindowBuilder文件，选择其中的Swing Design中的第一个Application Window–>next，取个名字

在这里插入图片描述
创建好的java文件连main函数都给写好了，这个时候我们就直接进入操作环节，根本不需要动代码。

功能介绍

我们通过点击页面下面一栏的design进入可视化设计模式
在这里插入图片描述
然后我们会进入到下面这个页面
接下来我会介绍一下不同颜色选区有的功能
下面介绍的功能都可以在这篇博客里找到（强烈建议初学者先去学一下）：https://blog.youkuaiyun.com/xietansheng/article/details/72814492
我只是介绍了比较常用的板块，其实不止我划出来的5个，下面还有很多。

淡蓝色：类似选择，框选都在里面，一些系统的操作
橘红色：里面是各种画布，建议都试试，我也是一个一个试了遍，比如JScrollpanel是滚动画布，就是带滚动条那种，有兴趣的同学可以去
绿色：里面是各种布局，不同的布局效果不同，比如第一个绝对布局就是最自由的，不过用WindowBuilder一般默认的布局都是箱式布局或流式布局，最好用的还是绝对布局，自由度非常高，想怎么放都行，当然可以通过画布的组合实现不同布局的组合，建议多试试。
蓝色：这里面我用过的只有第一列的Box，这里面主要是各种结构，比如Box就是字面意思，箱子，它是均匀的将空间分成一个个箱子，你可以往里面无限加组件，分别有水平的和垂直的两种结构。
黄色：里面就是各种组件，文本，按钮，选项框，表格等等。大家可以多多尝试。

在这里插入图片描述
了解了这些功能后，我们怎么去用的？
也很简单，就是点击你需要的东西，然后加到右边的空白的框框里就好了，比如我们加一个JPanel进去。右下方就是这个画布的基础信息了，第一行是变量名，第二行是布局，比如现在的布局默认流式布局，下面就是各种各样的信息，包括背景，边框等等。

在这里插入图片描述
我们先将画布的布局改成绝对布局Absolute，然后我们在这个布局中加一个按钮JButton

在这里插入图片描述
右下角就是这个按钮的各种信息了，和上面的布局类似，如果我们想要设置监听，就在右边界面中选择这个按钮，右键

就可以添加监听了，当然事件监听中的具体实现还是要自己写代码的。
这个时候我们可以回去看看代码，点击右下角design旁边的source，就能回到原本的代码行中，这个时候可以发现，代码自己被自动生成了。