【Qt 学习笔记】Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout

简介: 【Qt 学习笔记】Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout

Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout

一、 QHBoxLayout介绍

1. 简介

QHBoxLayout(水平布局)是Qt中的一种布局管理器,用于在水平方向上排列子控件。它是QBoxLayout的一个子类。

使用QHBoxLayout可以将子控件按照从左到右的顺序排列,子控件之间的间距可以通过设置布局的spacing属性来调整。

2. 核心属性

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


二、 QHBoxLayout使用

1. 使用代码创建水平布局管理控件

  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.运行代码,查看结果,如下图所示

2. 布局嵌套(垂直布局嵌套水平布局)

  1. 使用代码编写嵌套布局
#include "widget.h"
#include "ui_widget.h"
#include<QHBoxLayout>
#include<QVBoxLayout>
#include<QPushButton>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // 创建顶层 layout
    QVBoxLayout* layoutParent = new QVBoxLayout();
    this->setLayout(layoutParent);
    
    // 添加两个按钮进去
    QPushButton* btn1 = new QPushButton("按钮1");
    QPushButton* btn2 = new QPushButton("按钮2");
    layoutParent->addWidget(btn1);
    layoutParent->addWidget(btn2);
    
    // 创建⼦ layout
    QHBoxLayout* 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;
}

2.行结果,查看结果

3. 图形化实现嵌套布局

  1. 使用图形化界面创建嵌套布局,在垂直布局中嵌套水平布局

  2. 运行代码,查看结果

目录
打赏
0
2
2
0
69
分享
相关文章
|
6月前
【qt】 QGridLayout布局管理器怎么用?
【qt】 QGridLayout布局管理器怎么用?
300 0
|
6月前
|
【Qt 学习笔记】Qt系统相关 | Qt事件 | 事件的介绍及基本概念
【Qt 学习笔记】Qt系统相关 | Qt事件 | 事件的介绍及基本概念
286 4
|
6月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
1159 4
|
6月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
467 3
|
6月前
|
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
178 3
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段,可以将文本信息嵌入到图片、视频等文件中,用于识别和证明文件的版权归属。在数字化和网络化的时代,大量的原创作品容易被不法分子盗用或侵犯版权,因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下,文本水印可以包含版权声明、制作者姓名、日期、网址等信息,以帮助识别文件的来源和版权归属。同时,为了增强防盗用效果,文本水印通常会采用字体、颜色、角度等多种组合方式,使得水印难以被删除或篡改,有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能,例如使用Qt的QPainter类进行文本绘制操作,将文本信息嵌入到图片中,
244 1
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
199 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等