【QT】界面布局-登陆窗口

记录页面布局-登陆窗口的流程

(1)继承QWidget

【QT】界面布局-登陆窗口_第1张图片

(2)设置标签

【QT】界面布局-登陆窗口_第2张图片

(3)单行文本编辑

【QT】界面布局-登陆窗口_第3张图片

(4)按钮

【QT】界面布局-登陆窗口_第4张图片

开始设置布局,

法1:使用Horizontal layout,但是不方便

【QT】界面布局-登陆窗口_第5张图片

法2:Widget 常用,灵活

【QT】界面布局-登陆窗口_第6张图片

【QT】界面布局-登陆窗口_第7张图片

【QT】界面布局-登陆窗口_第8张图片

所有控件都做过布局,界面会随着调整而调整。

登陆、退出页面会很难看,加弹簧

【QT】界面布局-登陆窗口_第9张图片

【QT】界面布局-登陆窗口_第10张图片

左右不变,上下变

修改弹簧属性

【QT】界面布局-登陆窗口_第11张图片

打破布局法一

【QT】界面布局-登陆窗口_第12张图片

打破布局法二:由外向内

【QT】界面布局-登陆窗口_第13张图片

重新布局

【QT】界面布局-登陆窗口_第14张图片

【QT】界面布局-登陆窗口_第15张图片

【QT】界面布局-登陆窗口_第16张图片成品,可以拉缩

【QT】界面布局-登陆窗口_第17张图片

Widget比控件宽,调整

【QT】界面布局-登陆窗口_第18张图片

【QT】界面布局-登陆窗口_第19张图片

控件和widget之间有9像素的间隙,调整

【QT】界面布局-登陆窗口_第20张图片

效果

【QT】界面布局-登陆窗口_第21张图片

用户名和密码太近了,调整

【QT】界面布局-登陆窗口_第22张图片

调整窗口并且不允许用户拉伸。最大值和最小值相同

【QT】界面布局-登陆窗口_第23张图片

窗口标题

【QT】界面布局-登陆窗口_第24张图片

窗口太小了,看不到

【QT】界面布局-登陆窗口_第25张图片

你可能感兴趣的:(QT,qt,keep,studying)