在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_not intellij idea gui designer form file

一句话JFormDesigner就是比IntelliJ IDEA自带的GUI Form好用。

安装请参考 在IntelliJ IDEA中安装JFormDesigner6.0.2教程

使用Eclipse的同学请参考Swing登录功能（一）在Eclipse中使用WindowBuilder拖拽出一个登录界面.ch001

新建Form

一般情况下推荐JFrame使用BorderLayout起手。

在BorderLayout的Center位置加入JPanel做为内容部分四周做为边距

1.内容部分改个名字叫center

2.内容部分上面安排为标题，左边为用户名，密码的文字，中间为输入框，下面为登录按钮

标题设置

技巧：使用筛选功能快速筛选出位置属性图示1，修改水平位置为居中图示2.

用户名密码文字设置

技巧：1.使用GridLayout布局方便控制他们的间距

2.不使用JTable来放用户名密码的文字和输入框的原因是JTable列宽是固定的

输入框设置

这么高肯定不行，所以要设置GridLayout的作用来了，设置垂直间距100

撑开了，如果继续加大就会被顶到上面和下面。这时候设置内容面板的垂直间距

这是上左中，左边应该和中间的垂直间距设置一样，现在就是错位的，因为下面还没有设置，所以垂直内容center面板的垂直间距只能作用上跟下。

加入登录按钮

重新调节内容的垂直间距为50

文字没有跟输入框对齐提交左边的垂直间距

左边与中间太近调节内容center面板的水平边距

设置长宽预览

四周没有边距

至此在IntelliJ IDEA中使用JFormDesigner6.0.2设计Swing登录界面的功能就完成了。