【Qt 学习笔记】Qt常用控件 | 布局管理器 | 空白项Spacer

简介: 【Qt 学习笔记】Qt常用控件 | 布局管理器 | 空白项Spacer

Qt常用控件 | 布局管理器 | 添加空白Spacer

一、QSpacerItem介绍

1. 简介

QSpacerItem是一个用于布局的空间项。它可以在布局中插入一个可调整大小的空白区域,用于调整窗口或控件之间的间距。


QSpacerItem有两种类型:水平的和垂直的。水平的QSpacerItem用于水平布局中,在水平方向上调整窗口或控件之间的间距。垂直的QSpacerItem用于垂直布局中,在垂直方向上调整窗口或控件之间的间距。

2. 核心属性

image.png

二、QSpacerItem的使用

1. 代码创建空白项Spacer

  1. 在界面上创建一个水平布局QVBoxLayout,并且添加两个按钮
#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QHBoxLayout>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    
    //添加水平布局
    QHBoxLayout* layout = new QHBoxLayout();
    this->setLayout(layout);
    
    //创建按钮
    QPushButton* button1 = new QPushButton("按钮1");
    QPushButton* button2 = new QPushButton("按钮2");
    
    //把控件添加到布局中
    layout->addWidget(button1);
    layout->addWidget(button2);
}

Widget::~Widget()
{
    delete ui;
}
  1. 在两个按钮中间添加⼀个 spacer
#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QHBoxLayout>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //添加水平布局
    QHBoxLayout* layout = new QHBoxLayout();
    this->setLayout(layout);
    //创建按钮
    QPushButton* button1 = new QPushButton("按钮1");
    QPushButton* button2 = new QPushButton("按钮2");
    //创建空白项Space
    QSpacerItem* space = new QSpacerItem(200,20);


    //把控件添加到布局中
    layout->addWidget(button1);
    layout->addSpacerItem(space);
    layout->addWidget(button2);
}

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

3.运行代码,查看结果

2. 图形化创建空白项Spacer

  1. 在图形化界面中添加水平布局,按钮控件,添加空白项水平Spacer

  2. 运行代码,查看结果

目录
相关文章
|
6月前
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Slider的使用及说明
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Slider的使用及说明
662 2
|
6月前
|
数据安全/隐私保护
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Line Edit的使用及说明
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Line Edit的使用及说明
901 0
Qt之自定义界面(添加自定义标题栏)
简述 通过上节内容,我们实现了自定义窗体的移动,但是我们缺少一个标题栏来显示窗体的图标、标题,以及控制窗体最小化、最大化、关闭的按钮。 自定义标题栏后,所有的控件我们都可以定制,比如:在标题栏中添加换肤、设置按钮以及其他控件。 简述 效果 自定义标题栏 实现 接口说明 使用方式 效果 自定义标题栏 实现 title_bar.h #if
1745 0
|
9月前
QT中按钮格式QSS代码
QT中按钮格式QSS代码
|
C++
Qt界面优化:Qt窗体控件设置
Qt界面优化:Qt窗体控件设置
493 1
Qt界面优化:Qt窗体控件设置
|
6月前
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
1125 4
|
API 计算机视觉
Qt实用技巧:自定义窗口标题栏
Qt实用技巧:自定义窗口标题栏
Qt实用技巧:自定义窗口标题栏
|
9月前
|
数据安全/隐私保护 容器
[Qt5&控件] 控件stackedWidget、lineEdit等的用法
[Qt5&控件] 控件stackedWidget、lineEdit等的用法
145 0
[Qt5&控件] 控件stackedWidget、lineEdit等的用法
|
6月前
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Combo Box的使用及说明
【Qt 学习笔记】Qt常用控件 | 输入类控件 | Combo Box的使用及说明
785 0
|
6月前
|
搜索推荐 C++
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
【Qt 学习笔记】Qt窗口 | 对话框 | 创建自定义对话框
290 4

热门文章

最新文章