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

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

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

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

新建Form

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第1张图片

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第2张图片

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

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

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第3张图片

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

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第4张图片

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

标题设置

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第5张图片

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

用户名密码文字设置

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第6张图片

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

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

输入框设置

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第7张图片

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

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第8张图片

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

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第9张图片

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

加入登录按钮

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

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第10张图片

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

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第11张图片

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

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第12张图片

设置长宽预览

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第13张图片

四周没有边距

在IntelliJ IDEA中放弃GUI Form使用JFormDesigner6.0.2设计Swing登录界面_第14张图片

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

你可能感兴趣的:(IntelliJ,IDEA,Swing基础)