【Qt 学习笔记】Qt常用控件 | 布局管理器 | 垂直布局Vertical Layout

简介: 【Qt 学习笔记】Qt常用控件 | 布局管理器 | 垂直布局Vertical Layout

Qt常用控件 | 布局管理器 | 垂直布局Vertical Layout

一、QVBoxLayout介绍

1. 简介

QVBoxLayout是Qt框架中的一个布局管理器类,用于在垂直方向上排列子控件。它是QBoxLayout的子类,继承了QBoxLayout的功能和特性。


通过使用QVBoxLayout,可以对子控件在垂直方向上进行自动布局,而无需手动调整它们的位置和大小。可以将多个子控件添加到QVBoxLayout中,并通过一些方法和属性来指定它们之间的间距和对齐方式。

2. 核心属性

image.png

Layout 只是用于界⾯布局, 并没有提供信号

二、QVBoxLayout使用

1. 使用代码创建QVBoxLayout

  1. 创建布局管理器和三个按钮. 并且把按钮添加到布局管理器中,代码如下
#include "widget.h"
#include "ui_widget.h"
#include <QPushButton>
#include <QVBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //创建三个按钮
    QPushButton * button1 = new QPushButton("按钮1");
    QPushButton * button2 = new QPushButton("按钮2");
    QPushButton * button3 = new QPushButton("按钮3");

    //创建布局管理器
    QVBoxLayout * layout = new QVBoxLayout();
    //将按钮添加进布局管理器
    layout->addWidget(button1);
    layout->addWidget(button2);
    layout->addWidget(button3);
    //把布局管理器设置到widget中
    this->setLayout(layout);
}

Widget::~Widget()
{
    delete ui;
}

2.运行上述代码,查看结果

2. 图形化创建两个QVBoxLayout

  1. 在界面中创建两个垂直布局,将按钮拖入垂直布局中,如下图所示

  2. 也可以使用选中要垂直布局的按钮后,点击界面上方的垂直布局


3.运行代码,按钮已经自动排好位置了,但是当前按钮不能随窗口变化而变化了

目录
相关文章
|
7月前
【qt】 QGridLayout布局管理器怎么用?
【qt】 QGridLayout布局管理器怎么用?
351 0
|
7月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 消息对话框QMessageBox
【Qt 学习笔记】Qt窗口 | 标准对话框 | 消息对话框QMessageBox
1218 4
【Qt 学习笔记】Qt窗口 | 标准对话框 | 消息对话框QMessageBox
|
7月前
|
前端开发 程序员 API
【Qt】控件介绍
【Qt】控件介绍
|
7月前
|
开发者
【Qt 学习笔记】Qt系统相关 | Qt事件 | 事件的介绍及基本概念
【Qt 学习笔记】Qt系统相关 | Qt事件 | 事件的介绍及基本概念
304 4
|
7月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
1300 4
|
7月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 输入对话框QInputDialog
516 3
|
7月前
|
数据可视化
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 字体对话框QFontDialog
204 3
|
7月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 颜色对话框QColorDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 颜色对话框QColorDialog
1025 3
|
7月前
|
网络协议 Linux C++
【Qt】多种控件实现“hello world“
【Qt】多种控件实现“hello world“

推荐镜像

更多