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

发布于:2024-05-23 ⋅ 阅读:(178) ⋅ 点赞:(0)

  • 博客主页:Duck Bro 博客主页
  • 系列专栏:Qt 专栏
  • 关注博主,后期持续更新系列文章
  • 如果有错误感谢请大家批评指出,及时修改
  • 感谢大家点赞👍收藏⭐评论✍

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

文章编号:Qt 学习笔记 / 45


一、QSpacerItem介绍

1. 简介

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

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

在这里插入图片描述

2. 核心属性

属性 说明
width 宽度
height 高度
hData 水平⽅向的 sizePolicy
• QSizePolicy::Ignored : 忽略控件的尺寸,不对布局产⽣影响。
• QSizePolicy::Minimum : 控件的最小尺寸为固定值,布局时不会超过该值。
• QSizePolicy::Maximum : 控件的最⼤尺寸为固定值,布局时不会小于该值。
• QSizePolicy::Preferred : 控件的理想尺寸为固定值,布局时会尽量接近该值。
• QSizePolicy::Expanding : 控件的尺寸可以根据空间调整,尽可能占据更多空间。
• QSizePolicy::Shrinking : 控件的尺寸可以根据空间调整,尽可能缩小以适应空间。
vData 垂直⽅向的 sizePolicy
• QSizePolicy::Ignored : 忽略控件的尺寸,不对布局产⽣影响。
• QSizePolicy::Minimum : 控件的最小尺寸为固定值,布局时不会超过该值。
• QSizePolicy::Maximum : 控件的最⼤尺寸为固定值,布局时不会小于该值。
• QSizePolicy::Preferred : 控件的理想尺寸为固定值,布局时会尽量接近该值。
• QSizePolicy::Expanding : 控件的尺寸可以根据空间调整,尽可能占据更多空间。
• QSizePolicy::Shrinking : 控件的尺寸可以根据空间调整,尽可能缩小以适应空间。

二、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;
}
  1. 运行代码,查看结果
    在这里插入图片描述

2. 图形化创建空白项Spacer

  1. 在图形化界面中添加水平布局,按钮控件,添加空白项水平Spacer
    在这里插入图片描述
    在这里插入图片描述
  2. 运行代码,查看结果
    在这里插入图片描述

在这里插入图片描述


网站公告

今日签到

点亮在社区的每一天
去签到