一、界面布局
首先在ui界面,用label、Line Edit、PushButton设计成下图所示
1.水平对齐
放置一个widget,然后将用户名和用户名输入框拖到widget中
选中widget,点击上方的水平布局,即可将label和Line Edit对齐
同样的方式,将密码和密码输入框和水平对齐,将登录和退出也水平对齐
得到如下
2.垂直对齐
点击最外层的MainWindow
选择垂直对齐
这样有点丑
3.水平空格
可以使用Horizontal Spacer,添加空格,使得布局之间留有间隙。
如果想要中间的弹簧,长度固定,可以先选中弹簧,设置Fixed,然后设置宽长。
同样对,用户名和密码也这样布局
4.拆分布局
选中mainwindow
5.栅格布局
将4个控件放入widget中,这样就能以2行2列进行布局了,不再会出现一个Label Edit长,另一个短的现象了
选中widget点击栅格布局,可以发现非常整齐了。
6.其他调整
最后可以发现,登入\退出和输入用户名密码之间距离很大
选中,上半个widget,垂直策略选择fixed
这样子就会根据控件的大小,获得widget的高。
然后对登录、退出之间也进行同样的操作,垂直换成fixed
再在用户名和密码之间添加一个弹簧
再修改一下windowTitle,最后实现的效果如下图
最后要固定窗体的大小,不想让它拖拽,用代码是可以实现的。
在ui界面,可以设置最小宽高和最大宽高一样,就可以实现固定的效果。
7.密码框
这个样子,密码都是明文,是不行的
可以将密码Line Edit,echoMode修改成password