4.5 案例-登录窗口布局

【1】拖拽【Containers】分组下的两个Widget到窗口上

【2】拖拽【Display Widgets】分组下的到两个Label与【Input Widget】分组下的两个Line Edit到上一步上面的Widget中，并双击，将Label分别命名为：用户，密码

【3】拽【Buttons】分组下的两个Push Button 到下面widget窗口中，双击分别命名为：登录与退出

【4】上面的Widget点击工具栏的“栅格布局”，下面的Widget点击工具栏的“水平布局”，效果如下

【5】选中顶层的Widget，点击垂直布局

【6】在【Spacers】分组中拖拽5个Horizontal Spacer到如图位置

【7】分别选中两个内部的Widget，在【sizePolicy】中，将垂直策略设置为：Fixed

【8】在【Spacers】分组中拖拽1个Vertical Spacer到用户与密吗行之间，并在参数【sizeHint】中设置高度为：30

【9】设置登录与退出按钮之间弹簧的宽度参数为：30

【10】选中顶层Widget，修改窗口标题 windowTitle为：网管管理信息系统 ；修改minimumSize和maximumSize宽度和高度分别为：400,300，用以限制窗口拉伸和收缩

【11】选中密码框 LineEdit，将EchoMode参数设置为：Password，用于隐藏密码信息

【12】分别选中内部的两个Widget，将layoutLeftMargin、layoutTopMargin、layoutRightMargin、layoutBottomMargin参数分别设置为：0，用以去除内外Widget之间的间隙

【13】最终的效果图如下