概述

三种布局方式：水平布局、垂直布局、栅格布局。
布局后需要调整，则通过打破布局。

步骤

1.账号、密码两个Label组件进行垂直布局，注册、登录两个Push Button组件进行水平布局。查看效果：

2.从效果图中可以看到组件间距离过近，这里就需要用到两个弹簧组件。再组件之间放置对应的水平或垂直弹簧组件：

3.对组件进行水平布局、垂直布局，可以看到效果如下：

4.组件布局完成之后，在四周放置四个弹簧组件，然后点击背景选择整个UI，此时选择栅格布局：

5.编译查看效果：

6.需要说明的两点是：
a.当布局时，图片Label因为缩小导致无法显示，这时就需要设置图片Label的最小尺寸：

b.从效果图上看，组件间隔距离过大。此时可通过调整放置的弹簧大小调整间距。鼠标选择弹簧组件，直接拖动大小即可。

Qt5学习笔记之QQ登录界面四：界面布局相关推荐

Qt5学习笔记之QQ登录界面一：制作界面
目录概述步骤概述 B站发现这个QT教程视频,看了两集感觉讲的不错,上手挺简单.之前也接触过QT,一来是工作中用不到,没有动力.二来看到一堆的函数就头大记不住,什么设置起始坐标.居中.标题等等.没 ...
Qt5学习笔记之QQ登录界面五：切换界面
这里写目录标题概述添加新界面实现切换概述目标:点击登录弹出新界面,新界面可以返回到初始界面.分为两部分实现:添加新界面和实现切换. 添加新界面 1.创建新的UI界面,与之前添加图标相同,在工 ...
Qt5学习笔记之QQ登录界面二：登录按钮与信号槽
这里写目录标题概述使用帮助自动关联手动关联概述主要是了解QT的信号槽机制,并为登录按键增加一些响应. 使用帮助使用帮助查看Push Button的信号自动关联 1.在登录按钮直接右键: ...
Qt5学习笔记之QQ登录界面三：添加图片资源
这里写目录标题概述添加图片到工程添加图片到界面概述添加图片到工程 1.工程添加图片 2.选择资源文件 3.修改名称 4.添加资源到工程 5.添加前缀 6.修改路径 7.添加文件,选择想要的图 ...
c++ Qt5学习笔记 2021-2-22 （setContentsMargins()作用，设计布局实现的QQ消息列表，自定义控件来实现动态添加，使用数组来控制自定义控件）
1.setContentsMargins()作用: 设置布局的边距,设置布局后,如果发现两个布局之间间距太大,可以使用setContentsMargins拉近两个布局间的距离. setContents ...
Qt5学习笔记之bin文件合成工具四：完善功能打包程序
这里写目录标题概述增加bin文件大小显示增加MD5值计算增加图标打包程序概述在这篇文章中,我们对程序进行一些完善,然后打包. 增加bin文件大小显示增加bin文件大小的显示,这样使用过程 ...
Qt5学习笔记之串口助手四：增加16进制/ASCII切换、周期发送
目录 1. 概述 2. 16进制/ASCII发送 2.1 功能实现 2.2 界面修改 3. 接收框显示发送内容 3.1 以16进制/ASCII显示 3.1.1 界面修改 3.1.2 功能实现 3.2 ...
JavaWeb-综合案例(用户信息)-学习笔记02【登录功能】
Java后端学习路线笔记汇总表[黑马程序员] JavaWeb-综合案例(用户信息)-学习笔记01[列表查询] JavaWeb-综合案例(用户信息)-学习笔记02[登录功能] JavaWeb-综合案 ...
Qt5学习笔记之QString的使用
目录概述 2.QString字符串的操作 2.1 拼接 2.2 裁剪 2.3 转换为int型 2.4 int转换为QString 2.5 小写字母大写字母转换 2.6 转换为16进制概述学习过程 ...

Qt5学习笔记之QQ登录界面四：界面布局

这里写目录标题

概述

步骤

Qt5学习笔记之QQ登录界面四：界面布局相关推荐

最新文章

热门文章