在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面

一句话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登录界面的功能就完成了。

发布了25 篇原创文章 · 获赞 5 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/scc95599/article/details/100714388