news 2026/5/14 20:11:06

QT5之布局操作

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
QT5之布局操作

目录

实验之前的前提

局部布局和整体布局定义

快捷工具

水平和垂直布局

水平布局

在对象区域可以看出三个已经被水平布局在一起

在对象区域选中布局,点击工具取消当前布局

可以将两个小局部进行大局部布局

网格布局

弹簧布局

分割器布局

器件对齐边距 也是layout

先局部对齐

在属性区可以修改边距

补充了解:

简单例子登录界面

添加容器

在容器里面添加标签

标签添加资源图片和自适应标签大小

添加两个弹簧并在容器内水平对齐

容器+两个标签+两个行编辑器

两个按钮+容器+弹簧两个且容器内水平对齐

最后主窗口全局垂直对齐


实验之前的前提

新建个带UI的mainWindows基类的工程

局部布局和整体布局定义

局部:部分布局的对齐

整体:全部的 局部布局的对齐

快捷工具

1水平

2垂直

3分割器水平布局

4分割器垂直布局

5长方体 网格布局

6正方体网格布局

7取消当前布局

8

水平和垂直布局

水平布局

在对象区域可以看出三个已经被水平布局在一起

在对象区域选中布局,点击工具取消当前布局

可以将两个小局部进行大局部布局

网格布局

选中,点击网格布局工具

取消当前布局,也是选中对象区域的网格,点击工具栏的取消网格

弹簧/间隔器布局

弹簧/间隔器布局的意义:使用对齐(layout)的时候,用来作为占位,或者说用来做弹簧字面意义撑开边界 间隔;

全局布局才有如上效果;最好用网格布局;因为水平和垂直只能单一的一条线布局,并且局部的水平或者垂直对齐对窗口拉伸都没效果(通过容器,可以解决这个问题

属性区域;修改sizetype ,从扩展expanding 改成fixed 指定大小

分割器布局

作用:可按比例占用窗口,一个窗口变短另一个窗口变长;

设计如下

器件对齐边距 也是layout

先局部对齐

在属性区可以修改边距

1、当前局部对齐区域名字

2、左对齐边距

3、上

4、右

5、下

6、对齐控件之间的间隙

7、变大拉长

补充了解:

主窗口有水平和垂直的策略限制,当水平时控件会怎么样,垂直的时候控件会怎么样,怎么样控件大小对齐边窗口,边对齐,边对齐

实践中的问题/解决方法

布局好了之后,选中对齐,每次都会缩放我的容器;我又得重新去放大界面;

1、调整容器尺寸,设置容器最小尺寸,对齐布局容器;(可选中总容器/窗口,点击对齐布局)

2、再调在容器里面的控件尺寸,再调控件最小尺寸,选中容器对齐布局;(可选容器后,点击对齐布局)

3、看情况补充弹簧;

循序不能乱。不按顺序只能在对齐的时候又得自己摆;

对齐布局整体效果如下

0、总容器是标签页容器

1、MCU升级,显示数据内容、显示数据帧,为子容器

2、控件就是MCU升级里面的小东西

简单例子登录界面

添加容器

在容器里面添加标签

标签添加资源图片和自适应标签大小

添加两个弹簧并在容器内水平对齐

容器+两个标签+两个行编辑器

两个按钮+容器+弹簧两个且容器内水平对齐

最后主窗口全局垂直对齐

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/14 20:11:04

免费解锁百度网盘限速:Python直链解析终极指南

免费解锁百度网盘限速:Python直链解析终极指南 【免费下载链接】baidu-wangpan-parse 获取百度网盘分享文件的下载地址 项目地址: https://gitcode.com/gh_mirrors/ba/baidu-wangpan-parse 还在为百度网盘的蜗牛下载速度而烦恼吗?当你急需下载重要…

作者头像 李华
网站建设 2026/5/14 20:05:57

Vue3 +TypeScript 项目总结

前端项目记录 文章目录前端项目记录一、Html Css1. css 属性继承问题2. 居中问题3. 块级元素、行内快级元素、行内元素4. 定位 position5. 弹性布局 fiex6. 子项分组布局7. Grid 布局1. Grid 容器属性2. Grid 子项属性8. 毛玻璃无效问题8. 滑动框问题二、Vue31. 数据绑定1. 动…

作者头像 李华
网站建设 2026/5/14 20:05:23

Sublime Text AI插件深度评测:Pieces如何重塑开发工作流

1. 插件概述与核心价值如果你和我一样,是个重度 Sublime Text 用户,同时又对各种 AI 辅助工具抱有极大的热情,那么你很可能已经厌倦了在浏览器、聊天窗口和编辑器之间反复横跳的割裂感。代码片段散落在各个角落,调试时灵光一现的思…

作者头像 李华
网站建设 2026/5/14 20:05:06

如何在3分钟内轻松获取百度网盘提取码?baidupankey工具全解析

如何在3分钟内轻松获取百度网盘提取码?baidupankey工具全解析 【免费下载链接】baidupankey 项目地址: https://gitcode.com/gh_mirrors/ba/baidupankey 你是否经常遇到这样的情况:找到了心仪的百度网盘资源,却因为不知道提取码而无法…

作者头像 李华
网站建设 2026/5/14 20:04:25

国密SM2实战:从生成密钥对到JS/C#/Java跨语言加解密,保姆级配置指南

国密SM2全栈实战:密钥生成到多语言加解密一体化指南 在数字化转型浪潮中,数据安全已成为企业级应用的刚需。国密SM2算法作为我国自主设计的非对称加密标准,正逐步替代RSA在金融、政务等关键领域的应用。不同于常见的算法教程,本文…

作者头像 李华