$Ⅰ$创建基本控件

在$UI$界面拖拽两个$label$作为账号,密码

拖拽两个$LineEdit$作为输入框，两个$PushButton$作为登录和退出

$Ⅱ$使用布局

但是这样并不整齐,我们需要左右居中,上下对齐…

我们从$Container$中拉出一个叫$widget$的东西

然后把标签"账号"和输入框拖进这个$widget$里去

选中$widget$,点击水平布局即可

这排按键就在窗口顶端

但是这样确实局部居中了,但是相对于整个窗口来说并不居中啊!!!

没关系,选中整个窗口$centralwidget$点击垂直居中

但是这样也,太难看了吧!!!

$Ⅲ.$弹簧的使用

左侧的控件区有个叫弹簧的东西,如图所示,可以美化布局

如图所示,三个弹框把按钮稍微分开了一些

但是间距是不是还有点远呢??没关系,点击弹簧，里面可以在右下角设置宽度以及是否可伸缩

---

Ⅲ.网格布局

由于上面的账号密码构成了一个两行两列的布局,所以可以使用网格布局

也就是只用一个$widget$装账号密码和两个输入框,点网格布局

然后对整体窗口进行垂直布局,再根据需求顶弹簧

但是密码框和下面的按钮隔得太远了,不美观,怎么办呢

我们发现隔得这么远是因为外面的$widget$就是这么大

所以选中$widget$找到$sizepolicy$设置垂直居中为$fixed$就会把框缩小

然后调整整个窗口的大小到合适位置即可

Ⅳ.一些属性的修改

当然这些操作都可以通过代码来完成,不过使用$UI$更加方便

选中整个窗口,找到$Windowtitle$可以修改窗口名字

还有$miniumSize$和$maxiumSize$是设置窗口的最小最大尺寸

如果相等就意味着用户无法拉伸

至于这个弹簧和边界还空了一点位置,这是由于窗口的边距影响的,左边距右边距等等

选中$widget$修改$layoutlefma.....$之类的属性即可

然后密码框也有属性设置显示模式…