【Qt】控件概述（7）—— 布局管理器

布局管理器

  • 1. 布局管理器
  • 2. QVBoxLayout——垂直布局
  • 3. QHBoxLayout——水平布局
  • 4. QGridLayout——网格布局
  • 5. QFormLayout——表单布局
  • 6. QSpacer

1. 布局管理器

在我们之前值ui界面进行拖拽设置控件时，都是通过手动的控制控件的位置的。同时每个控件的位置都是要计算坐标，最终通过setGeometry或者move方法来进行摆放的，这种设定方式其实并不方便.尤其是界面如果内容比较多的时候,不好计算.而且⼀个窗口大小往往是可以调整的,按照绝对定位的方式,也无法自适应窗口大小，因此Qt引入了布局管理器“LayOut"机制

2. QVBoxLayout——垂直布局

核心属性：

属性说明
layoutLeftMargin左侧边距
layoutRightMargin右侧边距
layoutTopMargin上方边距
layoutBottomMargin下方边距
layoutSpacing相邻元素之间的间距

代码样例：

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 创建三个按钮QPushButton* but1 = new QPushButton("按钮一");QPushButton* but2 = new QPushButton("按钮二");QPushButton* but3 = new QPushButton("按钮三");// 创建布局管理器，并把三个按钮添加到里面QVBoxLayout* layout = new QVBoxLayout();layout->addWidget(but1);layout->addWidget(but2);layout->addWidget(but3);// 将布局管理器不知道widget中this->setLayout(layout);
}

运行程序,可以看到此时界面上的按钮就存在于布局管理器中.随着窗口尺寸变化二发发改变.此时三个按钮的尺寸和位置,都是自动计算出来的.

在这里插入图片描述

通过上述代码的方式,只能给这个widget设定⼀个布局管理器.实际上也可以通过Qt Design在⼀个窗口中创建多个布局管理器.

在这里插入图片描述

但是当我们运行起来的时候，我们会发现当我们改变窗口大小的时候，这个布局管理器的大小并不会发生改变。这其实是因为我们使用Qt Designer创建布局管理器的时候其实实现创建了一个Widget，设置了geometry属性后才把这个layout设置到widget中，二实际上一个widget只能包含一个layout

3. QHBoxLayout——水平布局

二QHBoxLayout其实和QVBoxLayout属性是一致的，用法也是一致的。

属性说明
layoutLeftMargin左侧边距
layoutRightMargin右侧边距
layoutTopMargin上方边距
layoutBottomMargin下方边距
layoutSpacing相邻元素之间的间距

代码样例1：

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 创建三个按钮QPushButton* but1 = new QPushButton("按钮一");QPushButton* but2 = new QPushButton("按钮二");QPushButton* but3 = new QPushButton("按钮三");// 创建布局管理器，并把三个按钮添加到里面QHBoxLayout* layout = new QHBoxLayout();layout->addWidget(but1);layout->addWidget(but2);layout->addWidget(but3);// 将布局管理器不知道widget中this->setLayout(layout);
}

在这里插入图片描述

代码样例2：也可以支持嵌套布局

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QPushButton* but1 = new QPushButton("but1");QPushButton* but2 = new QPushButton("but2");QVBoxLayout* vlayout = new QVBoxLayout();vlayout->addWidget(but1);vlayout->addWidget(but2);this->setLayout(vlayout);QPushButton* but3 = new QPushButton("but3");QPushButton* but4 = new QPushButton("but4");QHBoxLayout* hlayout = new QHBoxLayout();hlayout->addWidget(but3);hlayout->addWidget(but4);vlayout->addLayout(hlayout);
}

在这里插入图片描述

4. QGridLayout——网格布局

QGridLayout和QVBoxLayout，QHBoxLayout的用法相似，只不过QGridLayout是有行列的。

核心属性：

属性说明
layoutLeftMargin左侧边距
layoutRightMargin右侧边距
layoutTopMargin上方边距
layoutBottomMargin下方边距
layoutHorizontalSpacing相邻元素之间水平方向的间距
layoutVerticalSpacing相邻元素之间垂直方向的间距
layoutRowStretch行方向的拉伸系数
layoutColumnStretch列方向的拉伸系数

代码样例：

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QPushButton* but1 = new QPushButton("but1");QPushButton* but2 = new QPushButton("but2");QPushButton* but3 = new QPushButton("but3");QGridLayout* layout = new QGridLayout();layout->addWidget(but1, 0, 0);layout->addWidget(but2, 1, 1);layout->addWidget(but3, 2, 2);this->setLayout(layout);
}

在这里插入图片描述

我们也可以对布局进行设置拉伸系数，也就是按一定的比例进行布局。

代码样例：水平方向设置拉伸系数

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 创建 6 个按钮QPushButton* btn1 = new QPushButton("按钮1");QPushButton* btn2 = new QPushButton("按钮2");QPushButton* btn3 = new QPushButton("按钮3");QPushButton* btn4 = new QPushButton("按钮4");QPushButton* btn5 = new QPushButton("按钮5");QPushButton* btn6 = new QPushButton("按钮6");// 创建⽹格布局管理器, 并且添加元素QGridLayout* layout = new QGridLayout();layout->addWidget(btn1, 0, 0);layout->addWidget(btn2, 0, 1);layout->addWidget(btn3, 0, 2);layout->addWidget(btn4, 1, 0);layout->addWidget(btn5, 1, 1);layout->addWidget(btn6, 1, 2);// 设置拉伸⽐例// 第 0 列拉伸⽐例设为 1;layout->setColumnStretch(0, 1);// 第 1 列拉伸⽐例设为 0, 即为固定⼤⼩, 不参与拉伸layout->setColumnStretch(1, 0);// 第 2 列拉伸⽐例设为 3, 即为第 2 列的宽度是第 0 列的 3 倍layout->setColumnStretch(2, 3);// 设置 layout 到窗⼝中.this->setLayout(layout);}

在这里插入图片描述
另外,QGridLayout 也提供了setRowStretch 设置行之间的拉伸系数.上述案例中,直接设置setRowStretch 效果不明显,因为每个按钮的高度是固定的.需要把按钮的垂直方向的sizePolicy 属性设置为QSizePolicy::Expanding 尽可能填充满布局管理器,才能看到效果.

使用setSizePolicy 设置按钮的尺寸策略. 可选的值如下:

  • QSizePolicy::Ignored : 忽略控件的尺寸，不对布局产生影响。
  • QSizePolicy::Minimum :控件的最小尺寸为固定值，布局时不会超过该值。
  • QSizePolicy::Maximum :控件的最大尺寸为固定值，布局时不会小于该值。
  • QSizePolicy::Preferred :控件的理想尺寸为固定值，布局时会尽量接近该值。
  • QSizePolicy::Expanding :控件的尺寸可以根据空间调整，尽可能占据更多空间
  • QSizePolicy::Shrinking :控件的尺寸可以根据空间调整，尽可能缩小以适应空间。

代码样例：处置方向上设置拉伸系数

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 创建 6 个按钮QPushButton* btn1 = new QPushButton("按钮1");QPushButton* btn2 = new QPushButton("按钮2");QPushButton* btn3 = new QPushButton("按钮3");QPushButton* btn4 = new QPushButton("按钮4");QPushButton* btn5 = new QPushButton("按钮5");QPushButton* btn6 = new QPushButton("按钮6");// 设置按钮的 sizePolicy, 此时按钮的⽔平⽅向和垂直⽅向都会尽量舒展开btn1->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);btn2->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);btn3->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);btn4->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);btn5->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);btn6->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);// 创建⽹格布局管理器, 并且添加元素QGridLayout* layout = new QGridLayout();layout->addWidget(btn1, 0, 0);layout->addWidget(btn2, 0, 1);layout->addWidget(btn3, 1, 0);layout->addWidget(btn4, 1, 1);layout->addWidget(btn5, 2, 0);layout->addWidget(btn6, 2, 1);// 设置拉伸⽐例// 第 0 ⾏拉伸⽐例设为 1;layout->setRowStretch(0, 1);// 第 1 ⾏拉伸⽐例设为 0, 即为固定⼤⼩, 不参与拉伸layout->setRowStretch(1, 0);// 第 2 ⾏拉伸⽐例设为 3, 即为第 2 ⾏的宽度是第 0 ⾏的 3 倍layout->setRowStretch(2, 3);// 设置 layout 到窗⼝中.this->setLayout(layout);
}

在这里插入图片描述

5. QFormLayout——表单布局

QRormLayout表单布局，多用于给手机用户的信息，比如我们在学校里，qq群里会发收集每个人的电话号码的文档，其中这个文档中要输入学号，姓名，和电话，填完之后就可以直接进行提交了。

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);// 创建 layoutQFormLayout* layout = new QFormLayout();this->setLayout(layout);// 创建三个 labelQLabel* label1 = new QLabel("姓名");QLabel* label2 = new QLabel("学号");QLabel* label3 = new QLabel("电话");// 创建三个 lineEditQLineEdit* lineEdit1 = new QLineEdit();QLineEdit* lineEdit2 = new QLineEdit();QLineEdit* lineEdit3 = new QLineEdit();// 创建⼀个提交按钮QPushButton* btn = new QPushButton("提交");// 把上述元素添加到 layout 中layout->addRow(label1, lineEdit1);layout->addRow(label2, lineEdit2);layout->addRow(label3, lineEdit3);layout->addRow(NULL, btn);
}

在这里插入图片描述

6. QSpacer

上述我们设置的布局中的按钮之间挨着都是比较近的，有的时候我们想要他们之间有些间隔，就可以用到QSapcer

核心属性：

属性说明
width宽度
height高度
hData水平方向的 sizePolicy （QSizePolicy::Ignored : 忽略控件的尺寸，不对布局产⽣影响）（QSizePolicy::Minimum :控件的最小尺寸为固定值，布局时不会超过该值。）（QSizePolicy::Maximum : 控件的最大尺寸为固定值，布局时不会小于该值。 ）（QSizePolicy::Preferred : 控件的理想尺寸为固定值，布局时会尽量接近该值。）（QSizePolicy::Expanding : 控件的尺寸可以根据空间调整，尽可能占据更多空间。）（QSizePolicy::Shrinking : 控件的尺寸可以根据空间调整，尽可能缩小以适应空间。）
vData垂直方向的 sizePolicy 选项同上.
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QHBoxLayout* layout = new QHBoxLayout();this->setLayout(layout);QPushButton* btn1 = new QPushButton("按钮1");QPushButton* btn2 = new QPushButton("按钮2");// 创建SpacerQSpacerItem* spacer = new QSpacerItem(200, 20);layout->addWidget(btn1);// 这个是按照添加的顺序来添加的，放在中间说明放在两个按钮的中间layout->addSpacerItem(spacer);layout->addWidget(btn2);
}

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/881251.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

OpenGL ES 纹理(7)

OpenGL ES 纹理(7)

OpenGL ES 纹理(7) 简述 通过前面几章的学习，我们已经可以绘制渲染我们想要的逻辑图形了，但是如果我们想要渲染一张本地图片，这就需要纹理了。 纹理其实是一个可以用于采样的数据集，比较典型的就是图片了，我们知道我…
阅读更多...
【STM32开发之寄存器版】（六）-通用定时器中断

【STM32开发之寄存器版】（六）-通用定时器中断

一、前言 STM32定时器分类 STM32103ZET6具备8个定时器TIMx(x 1,2,...,8)。其中，TIM1和TIM8为高级定时器，TIM2-TIM6为通用定时器，TIM6和TIM7为基本定时器，本文将以TIM3通用定时器为例，分析STM32定时器工作的底层寄存器…
阅读更多...
深度学习基础—残差网络ResNets

深度学习基础—残差网络ResNets

1.残差网络结构 当网络训练的很深很深的时候，效果是否会很好？在这篇论文中，作者给出了答案：Deep Residual Learning for Image Recognitionhttps://www.cv-foundation.org/openaccess/content_cvpr_2016/papers/He_Deep_Residual_…
阅读更多...
EmEditor传奇脚本编辑器

EmEditor传奇脚本编辑器

主程序：EmEditor.exe 目前已有功能 可以自己指定一个快捷键 实现以下功能（默认快捷键为：F1） 以下全功能 都是鼠标所在行 按快捷键 （默认快捷键：F1） 1.在Merchant.txt中 一键打开NPC 没有…
阅读更多...
Linux 外设驱动 应用 1 IO口输出

Linux 外设驱动 应用 1 IO口输出

从这里开始外设驱动介绍，这里使用的IMX8的芯片作为驱动介绍 开发流程： 修改设备树，配置 GPIO1_IO07 为 GPIO 输出。使用 sysfs 接口或编写驱动程序控制 GPIO 引脚。编译并测试。 这里假设设备树，已经配置好了。不在论述这个问题…
阅读更多...
Steam Deck掌机可装“黑苹果” 开发者成功安装macOS 15 Sequoia

Steam Deck掌机可装“黑苹果” 开发者成功安装macOS 15 Sequoia

在Steam Deck掌机上运行Windows 11相对轻松，但要让其成功搭载“黑苹果”系统则颇具挑战性。近日，有博主勇于尝试，将macOS 15 Sequoia安装到了Steam Deck上。 开发者kaitlyn在X平台上分享道：“在朋友们的鼎力相助下，我…
阅读更多...
SQL专项练习第六天

SQL专项练习第六天

Hive 在处理不同数据需求时的灵活性和强大功能，包括间隔连续问题的处理、行列转换、交易数据查询、用户登录统计以及专利数据分析等方面。本文将介绍五个 Hive 数据处理问题的解决方案，并通过实际案例进行演示。 先在home文件夹下建一个hivedata文件夹&a…
阅读更多...
Unity Shader Graph基础包200+节点及术语解释

Unity Shader Graph基础包200+节点及术语解释

目录 Master Stack: Vertex block： Fragment block​编辑 Alpha Clip Threshold Dither transparency Graph Inspector Texture 2d Array/Texture 3d Virtual Texture Sampler State Keywords Boolean keyword 右键显示所有节点 简化测试系列节点&#x…
阅读更多...
初入网络学习第一篇

初入网络学习第一篇

引言 不磨磨唧唧，跟着学就好了，这个是我个人整理的学习内容梳理，学完百分百有收获。 1、使用的网络平台:eNSP 下载方法以及内容参考这篇文章 华为 eNSP 模拟器安装教程（内含下载地址）_ensp下载-CSDN博客https://b…
阅读更多...
DBMS-3.4 SQL(4)——存储过程和函数触发器

DBMS-3.4 SQL(4)——存储过程和函数触发器

本文章的素材与知识来自李国良老师和王珊老师。 存储过程和函数 一.存储过程 1.语法 2.示例 （1） 使用DELIMITER更换终止符后用于编写存储过程语句后，在下次执行SQL语句时记得再使用DELIMITER将终止符再换回分号。 使用DELIMITER更换终止符…
阅读更多...
数据分布过于集中 怎么办,python 人工智能 ，数据分析，机器学习pytorch tensorflow ，

数据分布过于集中 怎么办,python 人工智能 ，数据分析，机器学习pytorch tensorflow ，

数据分布过于集中，意味着数据的大部分值都聚集在某个特定区间内，这可能会导致统计分析的结果不够稳健，或者模型训练时出现过拟合等问题。针对这种情况，可以考虑以下几种方法来处理： 变换成 1. **数据转换**&#xff1…
阅读更多...
MySQL多表查询：列子查询

MySQL多表查询：列子查询

先看我的表数据 dept表 emp表 列子查询，也就是多列作为子查询去寻找一些问题 常用操作符：IN, NOT IN, ANY, SOME, ALL 1.查询 "销售部" 和 "市场部" 的所有员工的信息（拆分成以下两个问题） a. 查询"销…
阅读更多...
基于STM32的数字温度传感器设计与实现

基于STM32的数字温度传感器设计与实现

引言 STM32 是由意法半导体（STMicroelectronics）开发的基于 ARM Cortex-M 内核的微控制器系列，以其强大的处理能力、丰富的外设接口和低功耗著称，广泛应用于嵌入式系统设计中。在这篇文章中，我们将介绍如何基于 STM32…
阅读更多...
如何用python抓取豆瓣电影TOP250

如何用python抓取豆瓣电影TOP250

1.如何获取网站信息？ （1）调用requests库、bs4库 #检查库是否下载好的方法：打开终端界面（terminal）输入pip install bs4, 如果返回的信息里有Successfully installed bs4 说明安装成功（request…
阅读更多...
OJ在线评测系统 微服务 OpenFeign调整后端下 nacos注册中心配置 不给前端调用的代码 全局引入负载均衡器

OJ在线评测系统 微服务 OpenFeign调整后端下 nacos注册中心配置 不给前端调用的代码 全局引入负载均衡器

OpenFeign内部调用二 4.修改各业务服务的调用代码为feignClient 开启nacos注册 把Client变成bean 该服务仅内部调用，不是给前端的 将某个服务标记为“内部调用”的目的主要有以下几个方面： 安全性: 内部API通常不对外部用户公开，这样可以防止…
阅读更多...
Linux操作系统——概念扫盲I

Linux操作系统——概念扫盲I

目录 虚拟机概念刨析 在那之前，询问什么是虚拟化？ 现在来看看什么是虚拟机 虚拟机有啥好的 小差：那JVM也叫Java Virtual Machine，有啥区别呢？ Reference 虚拟机概念刨析 我们下面来简单聊聊虚拟机这个概念。对于…
阅读更多...
嵌入式硬件设计

嵌入式硬件设计

嵌入式硬件设计是指针对嵌入式系统（一种专用的计算机系统，通常嵌入到其他设备中）进行的硬件设计工作。嵌入式系统广泛应用于消费电子、工业控制、医疗设备、汽车电子、航空航天等领域。以下是嵌入式硬件设计的主要内容和步骤： 1.…
阅读更多...
浏览器前端向后端提供服务

浏览器前端向后端提供服务

WEB后端向浏览器前端提供服务是最常见的场景，前端向后端的接口发起GET或者POST请求，后端收到请求后执行服务器端任务进行处理，完成后向前端发送响应。 那浏览器前端向后端提供服务是什么鬼？ 说来话长，长话短说。我在人…
阅读更多...
微信步数C++

微信步数C++

题目： 样例解释： 【样例 #1 解释】 从 (1,1) 出发将走 2 步，从 (1,2) 出发将走 4 步，从 (1,3) 出发将走 4 步。 从 (2,1) 出发将走 2 步，从 (2,2) 出发将走 3 步，从 (2,3) 出发将走 3 步。 从 (3,1) 出发将…
阅读更多...
图论day55|深度优先搜索理论基础、98. 所有可达路径(卡码网）

图论day55|深度优先搜索理论基础、98. 所有可达路径(卡码网）

图论day55|深度优先搜索理论基础、98. 所有可达路径(卡码网） 思维导图汇总深度优先搜索理论基础98.所有可达路径(卡码网)1.邻接矩阵法2.邻接表法 思维导图汇总 深度优先搜索理论基础 深度优先搜索（dfs）与广度优先搜索（bfs&#xf…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023