做网站西美花街,重庆聚百思网站开发,工装定制,wordpress主题 带会员中心博客主页#xff1a;Duck Bro 博客主页系列专栏#xff1a;Qt 专栏关注博主#xff0c;后期持续更新系列文章如果有错误感谢请大家批评指出#xff0c;及时修改感谢大家点赞#x1f44d;收藏⭐评论✍ Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout
文章编号…
博客主页Duck Bro 博客主页系列专栏Qt 专栏关注博主后期持续更新系列文章如果有错误感谢请大家批评指出及时修改感谢大家点赞收藏⭐评论✍ Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout
文章编号Qt 学习笔记 / 42 文章目录 Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout一、 QHBoxLayout介绍1. 简介2. 核心属性 二、 QHBoxLayout使用1. 使用代码创建水平布局管理控件2. 布局嵌套垂直布局嵌套水平布局3. 图形化实现嵌套布局 一、 QHBoxLayout介绍
1. 简介
QHBoxLayout水平布局是Qt中的一种布局管理器用于在水平方向上排列子控件。它是QBoxLayout的一个子类。
使用QHBoxLayout可以将子控件按照从左到右的顺序排列子控件之间的间距可以通过设置布局的spacing属性来调整。 2. 核心属性
属性说明layoutLeftMargin左侧边距layoutRightMargin右侧边距layoutTopMargin上⽅边距layoutBottomMargin下⽅边距layoutSpacing相邻元素之间的间距 二、 QHBoxLayout使用
1. 使用代码创建水平布局管理控件
编辑程序创建三个按钮和一个水平布局代码如下
#include widget.h
#include ui_widget.h
#include QHBoxLayout
#include QPushButton
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);//创建水平布局QHBoxLayout * layout new QHBoxLayout();//创建三个按钮QPushButton *button1 new QPushButton(按钮1);QPushButton *button2 new QPushButton(按钮2);QPushButton *button3 new QPushButton(按钮3);//将按钮设置到水平布局中layout-addWidget(button1);layout-addWidget(button2);layout-addWidget(button3);//设置layout到widget中this-setLayout(layout);
}Widget::~Widget()
{delete ui;
}运行代码查看结果如下图所示
2. 布局嵌套垂直布局嵌套水平布局
使用代码编写嵌套布局
#include widget.h
#include ui_widget.h
#includeQHBoxLayout
#includeQVBoxLayout
#includeQPushButton
Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui-setupUi(this);// 创建顶层 layoutQVBoxLayout* layoutParent new QVBoxLayout();this-setLayout(layoutParent);// 添加两个按钮进去QPushButton* btn1 new QPushButton(按钮1);QPushButton* btn2 new QPushButton(按钮2);layoutParent-addWidget(btn1);layoutParent-addWidget(btn2);// 创建⼦ layoutQHBoxLayout* layoutChild new QHBoxLayout();// 添加两个按钮进去QPushButton* btn3 new QPushButton(按钮3);QPushButton* btn4 new QPushButton(按钮4);layoutChild-addWidget(btn3);layoutChild-addWidget(btn4);// 把这个⼦layout 添加到父layout 中layoutParent-addLayout(layoutChild);
}Widget::~Widget()
{delete ui;
}
运行结果查看结果
3. 图形化实现嵌套布局 使用图形化界面创建嵌套布局在垂直布局中嵌套水平布局 运行代码查看结果
