Qt使用QVBoxLayout布局器失效

已于 2023-05-11 17:11:42 修改
阅读量1.3k 收藏 1
点赞数 1
分类专栏： Qt 文章标签： qt QVBoxLayout Qt布局器
于 2023-05-11 17:10:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aoxuestudy/article/details/130625935
版权

Qt系列文章目录

文章目录

前言

我的需求是：这将创建一个垂直布局，并将三个标题和三个QTreeWidget添加到布局中，从上到下的顺序是：标题1，树1，标题2，树2，标题3，树3。你可以根据自己的需要调整这个布局和部件的设置。
m_tabWidget, m_picTree, m_tabWidgetPara, m_paraTree, m_tabWidgetNavi在你的主布局m_mainLayout中被垂直布局了，但是你没有给这些部件添加任何内容，所以他们可能没有显示出来。

在添加到主布局之前，你需要在你的QTabWidget和QTreeWidget部件中添加一些内容，才能让他们在UI中显示出来。以下是一些基本的例子，展示了如何给这些部件添加内容：
在这里插入图片描述
具体头文件：

#ifndef PROJECTWIN_H
#define PROJECTWIN_H

#include <QWidget>
#include <QStandardPaths>
#include <QDir>
#include <QDebug>
#include <QTreeWidget>
#include <QTreeWidgetItem>
#include <QGridLayout>
#include <QVBoxLayout>
#include <QSplitter>
#include <QVector>
#include "FileMonitorMgr.h"

namespace Ui {
class ProjectWin;
}


const QString styles = "QTreeView\
{\
        background-color: #5B677A;\
        font-size:17px;\
        color: white;\
}\
    QTreeView::item:hover\
{\
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #e7effd, stop: 1 #cbdaf1);\
        border: 1px solid #bfcde4;\
}\
    QTreeView::item:hover\
{\
        background: rgb(69, 187, 217);\
}\
    QTreeView::item:selected:active\
{\
        background: rgb(255, 62, 150);\
}\
    QTreeView::item:selected:!active\
{\
        background: rgb(63, 147, 168);\
}\
    QTreeView::branch\
{\
        background:#5B677A;\
}\
    QTreeView::branch:has-children:!has-siblings:closed,QTreeView::branch:closed:has-children:has-siblings\
{\
        border-image: none;\
        background:#5B677A;\
        image: url(image/Folder-1.png);\
}\
    QTreeView::branch:open:has-children:!has-siblings,QTreeView::branch:open:has-children:has-siblings\
{\
        border-image: none;\
        background:#5B677A;\
        image: url(image/Open-Folder.png);\
}";


class ProjectWin : public QWidget
{
    Q_OBJECT

public:
    static ProjectWin* getInstance();
    ~ProjectWin();

    FileMonitorMgr *m_fileMgr;
private:
    QTreeWidget* m_picTree;
    QTreeWidget* m_paraTree;
    QWidget* m_naviWgt;

private:
    void initWidget();
    void initPicTree();   
private:
    Ui::ProjectWin *ui;
    QGridLayout* m_grid;
    QWidget* m_centralWidget;
    QTabWidget* m_tabWidget;
    QTabWidget* m_tabWidgetPara;
    QTabWidget* m_tabWidgetNavi;
    QVBoxLayout* m_mainLayout;

    static ProjectWin* m_pInstance;
private:
    explicit ProjectWin(QWidget *parent = nullptr);
    static void destroyInstance();
public:
Q_SIGNALS:
    void sigShowImageBorder(const QString &imageName);
public Q_SLOTS:
    void slotPicTree(QVector<QString> lst, QString path);
    void slotParaTree(QVector<QString> lst, QString path);
    void slotNavi(const QString& file);
    void onItemClicked(QTreeWidgetItem *item, int column);
};

#endif // PROJECTWIN_H

实现文件

#include "ProjectWin.h"
#include "ui_ProjectWin.h"

#pragma execution_character_set("utf-8")

ProjectWin* ProjectWin::m_pInstance = nullptr;

ProjectWin* ProjectWin::getInstance()
{
    if(!m_pInstance)
    {
        m_pInstance = new ProjectWin();
        atexit(destroyInstance);
    }
    return m_pInstance;
}

void ProjectWin::destroyInstance()
{
    if(m_pInstance)
    {
        delete m_pInstance;
        m_pInstance = nullptr;
    }
}

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

ProjectWin::ProjectWin(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ProjectWin)
{
    ui->setupUi(this);

    //图像列表
    m_tabWidget = new QTabWidget();
    m_picTree = new QTreeWidget();
    m_picTree->setContextMenuPolicy(Qt::CustomContextMenu);
    m_picTree->setColumnCount(1);
    m_picTree->setHeaderHidden(true);
    connect(m_picTree, &QTreeWidget::itemClicked, this, &ProjectWin::onItemClicked);

    //图像参数
    m_tabWidgetPara = new QTabWidget();
    m_paraTree = new QTreeWidget();
    m_paraTree->setContextMenuPolicy(Qt::CustomContextMenu);
    m_paraTree->setColumnCount(1);
    m_paraTree->setHeaderHidden(true);

    //导航
    m_tabWidgetNavi = new QTabWidget();
    m_naviWgt = new QWidget();

    //创建三个部件组
    QWidget* picGroup = new QWidget();
    QWidget* paraGroup = new QWidget();
    QWidget* naviGroup = new QWidget();

//    // 只设置QWidget的边框为0，不影响子元素
//    picGroup->setStyleSheet("QWidget { border: 0px }");
//    paraGroup->setStyleSheet("QWidget { border: 0px }");
//    naviGroup->setStyleSheet("QWidget { border: 0px }");

    QVBoxLayout* picLayout = new QVBoxLayout();
    picLayout->setMargin(0);
    picLayout->setSpacing(0);
    picLayout->addWidget(m_tabWidget);
    picLayout->addWidget(m_picTree);
    picGroup->setLayout(picLayout);

    QVBoxLayout* paraLayout = new QVBoxLayout();
    paraLayout->setMargin(0);
    paraLayout->setSpacing(0);
    paraLayout->addWidget(m_tabWidgetPara);
    paraLayout->addWidget(m_paraTree);
    paraGroup->setLayout(paraLayout);

    QVBoxLayout* naviLayout = new QVBoxLayout();
    naviLayout->setMargin(0);
    naviLayout->setSpacing(0);
    naviLayout->addWidget(m_tabWidgetNavi);
    naviGroup->setLayout(naviLayout);

    // 设置窗口的主布局
    QVBoxLayout* mainLayout = new QVBoxLayout();
    mainLayout->setMargin(0);
    mainLayout->setSpacing(0);
    mainLayout->addWidget(picGroup);
    mainLayout->addWidget(paraGroup);
    mainLayout->addWidget(naviGroup);
    this->setLayout(mainLayout);
}

void ProjectWin::onItemClicked(QTreeWidgetItem *item, int column)
{
    QString imageName = item->text(0);
    emit sigShowImageBorder(imageName);
}

void ProjectWin::initWidget()
{

    //    m_picTree->header()->hide();//设置隐藏头
}

void ProjectWin::initPicTree()
{

}

void ProjectWin::slotPicTree(QVector<QString> lst, QString path)
{
    QTreeWidgetItem* topItem = new QTreeWidgetItem(m_picTree);
    topItem->setText(0, path);
    topItem->setCheckState(0, Qt::Checked);
    m_picTree->addTopLevelItem(topItem);
    int count = lst.size();
    //添加顶层节点
    if (lst.size() > 0)
    {
        for (int i = 0; i < lst.size(); i++)
        {
            //int size = lst.at(i).size();
            //int pos = lst.at(i).lastIndexOf("/");
            //QString temp = lst.at(i).right(size - pos - 1);
            QTreeWidgetItem* item = new QTreeWidgetItem(topItem);
            item->setText(0, lst.at(i));
            item->setCheckState(0, Qt::Checked);
        }
    }

    m_picTree->expandAll();
    //    m_grid = new QGridLayout(this);
    //    m_grid->addWidget(m_picTree);
    m_picTree->setStyleSheet(styles);

    //    this->setLayout(m_grid);

    m_tabWidget->addTab(m_picTree, u8"彩C");
}

void ProjectWin::slotParaTree(QVector<QString> lst, QString path)
{
    QTreeWidgetItem* topItem = new QTreeWidgetItem(m_paraTree);
    topItem->setText(0, path);
    topItem->setCheckState(0, Qt::Checked);
    m_paraTree->addTopLevelItem(topItem);
    int count = lst.size();
    //添加顶层节点
    if (lst.size() > 0)
    {
        for (int i = 0; i < lst.size(); i++)
        {
            //int size = lst.at(i).size();
            //int pos = lst.at(i).lastIndexOf("/");
            //QString temp = lst.at(i).right(size - pos - 1);
            QTreeWidgetItem* item = new QTreeWidgetItem(topItem);
            item->setText(0, lst.at(i));
            item->setCheckState(0, Qt::Checked);
        }
    }

    m_paraTree->expandAll();
    //    m_grid = new QGridLayout(this);
    //    m_grid->addWidget(m_picTree);
    m_paraTree->setStyleSheet(styles);

    //    this->setLayout(m_grid);


    m_tabWidgetPara->addTab(m_paraTree, u8"图像参数数据");
    m_paraTree->setStyleSheet(styles);
}

void ProjectWin::slotNavi(const QString& file)
{
    m_tabWidgetNavi->addTab(m_naviWgt, u8"导航");
}

在这里插入图片描述

一、出现的问题

1.我在代码中使用了QVBoxLayout布局器，每个QTabWidget和对应的QTreeWidget（或QWidget）都被一个新的QWidget（group1，group2和group3）包裹起来。然后，这些QWidget被添加到主布局中。这样，ProjectWin窗体就会被分成三块。从上图的界面看是分成了5部分，其实是看起来像5部分，而不是3部分，这个问题应该是由于 QVBoxLayout 添加 QWidget 时默认添加了一些空白的边距和间距所导致的。如果想要窗口被分割成3部分，可以尝试设置布局的边距和间距为0，这样每个部分就可以平均地占据窗口的空间。
2.第二个问题是布局器失效
原因是我在ProjectWin类的UI文件通过鼠标加入了布局器，所以尽管在.cpp加入了QVBoxLayout布局器，但布局器还是失效了，解决办法是在UI文件中删除布局器，手动在代码中加入布局器代码

二、正确的代码

#include "ProjectWin.h"
#include "ui_ProjectWin.h"

#pragma execution_character_set("utf-8")

ProjectWin* ProjectWin::m_pInstance = nullptr;

ProjectWin* ProjectWin::getInstance()
{
    if(!m_pInstance)
    {
        m_pInstance = new ProjectWin();
        atexit(destroyInstance);
    }
    return m_pInstance;
}

void ProjectWin::destroyInstance()
{
    if(m_pInstance)
    {
        delete m_pInstance;
        m_pInstance = nullptr;
    }
}

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

ProjectWin::ProjectWin(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::ProjectWin)
{
    ui->setupUi(this);

    //图像列表
    m_tabWidget = new QTabWidget();
    m_picTree = new QTreeWidget();
    m_picTree->setContextMenuPolicy(Qt::CustomContextMenu);
    m_picTree->setColumnCount(1);
    m_picTree->setHeaderHidden(true);
    connect(m_picTree, &QTreeWidget::itemClicked, this, &ProjectWin::onItemClicked);

    //图像参数
    m_tabWidgetPara = new QTabWidget();
    m_paraTree = new QTreeWidget();
    m_paraTree->setContextMenuPolicy(Qt::CustomContextMenu);
    m_paraTree->setColumnCount(1);
    m_paraTree->setHeaderHidden(true);

    //导航
    m_tabWidgetNavi = new QTabWidget();
    m_naviWgt = new QWidget();

    //创建三个部件组
    QWidget* picGroup = new QWidget();
    QWidget* paraGroup = new QWidget();
    QWidget* naviGroup = new QWidget();

    // 只设置QWidget的边框为0，不影响子元素
    picGroup->setStyleSheet("QWidget { border: 0px }");
    paraGroup->setStyleSheet("QWidget { border: 0px }");
    naviGroup->setStyleSheet("QWidget { border: 0px }");

    QVBoxLayout* picLayout = new QVBoxLayout();
    picLayout->setMargin(0);
    picLayout->setSpacing(0);
    picLayout->addWidget(m_tabWidget);
    picLayout->addWidget(m_picTree);
    picGroup->setLayout(picLayout);

    QVBoxLayout* paraLayout = new QVBoxLayout();
    paraLayout->setMargin(0);
    paraLayout->setSpacing(0);
    paraLayout->addWidget(m_tabWidgetPara);
    paraLayout->addWidget(m_paraTree);
    paraGroup->setLayout(paraLayout);

    QVBoxLayout* naviLayout = new QVBoxLayout();
    naviLayout->setMargin(0);
    naviLayout->setSpacing(0);
    naviLayout->addWidget(m_tabWidgetNavi);
    naviGroup->setLayout(naviLayout);

    // 设置窗口的主布局
    QVBoxLayout* mainLayout = new QVBoxLayout();
    mainLayout->setMargin(0);
    mainLayout->setSpacing(0);
    mainLayout->addWidget(picGroup);
    mainLayout->addWidget(paraGroup);
    mainLayout->addWidget(naviGroup);
    this->setLayout(mainLayout);
}

void ProjectWin::onItemClicked(QTreeWidgetItem *item, int column)
{
    QString imageName = item->text(0);
    emit sigShowImageBorder(imageName);
}

void ProjectWin::initWidget()
{

    //    m_picTree->header()->hide();//设置隐藏头
}

void ProjectWin::initPicTree()
{

}

void ProjectWin::slotPicTree(QVector<QString> lst, QString path)
{
    QTreeWidgetItem* topItem = new QTreeWidgetItem(m_picTree);
    topItem->setText(0, path);
    topItem->setCheckState(0, Qt::Checked);
    m_picTree->addTopLevelItem(topItem);
    int count = lst.size();
    //添加顶层节点
    if (lst.size() > 0)
    {
        for (int i = 0; i < lst.size(); i++)
        {
            //int size = lst.at(i).size();
            //int pos = lst.at(i).lastIndexOf("/");
            //QString temp = lst.at(i).right(size - pos - 1);
            QTreeWidgetItem* item = new QTreeWidgetItem(topItem);
            item->setText(0, lst.at(i));
            item->setCheckState(0, Qt::Checked);
        }
    }

    m_picTree->expandAll();
    //    m_grid = new QGridLayout(this);
    //    m_grid->addWidget(m_picTree);
    m_picTree->setStyleSheet(styles);

    //    this->setLayout(m_grid);

    m_tabWidget->addTab(m_picTree, u8"彩C");
}

void ProjectWin::slotParaTree(QVector<QString> lst, QString path)
{
    QTreeWidgetItem* topItem = new QTreeWidgetItem(m_paraTree);
    topItem->setText(0, path);
    topItem->setCheckState(0, Qt::Checked);
    m_paraTree->addTopLevelItem(topItem);
    int count = lst.size();
    //添加顶层节点
    if (lst.size() > 0)
    {
        for (int i = 0; i < lst.size(); i++)
        {
            //int size = lst.at(i).size();
            //int pos = lst.at(i).lastIndexOf("/");
            //QString temp = lst.at(i).right(size - pos - 1);
            QTreeWidgetItem* item = new QTreeWidgetItem(topItem);
            item->setText(0, lst.at(i));
            item->setCheckState(0, Qt::Checked);
        }
    }

    m_paraTree->expandAll();
    //    m_grid = new QGridLayout(this);
    //    m_grid->addWidget(m_picTree);
    m_paraTree->setStyleSheet(styles);

    //    this->setLayout(m_grid);


    m_tabWidgetPara->addTab(m_paraTree, u8"图像参数数据");
    m_paraTree->setStyleSheet(styles);
}

void ProjectWin::slotNavi(const QString& file)
{
    m_tabWidgetNavi->addTab(m_naviWgt, u8"导航");
}

三、运行效果

在这里插入图片描述

妙为
关注
专栏目录
QVBoxLayout中添加控件，但控件不显示问题一次解决
自我勉励，必须考上gwy，不用写代码！
04-13 2043
最近一直在写QT的小练习。发现很多问题，现在就来说说我遇到的问题。 我想在一个窗体上显示红色的QPushButton，当我点击红色的QPushButton就出现蓝色的QPushButto。 现在我按照一般的代码来实现： QPushButton * but = new QPushButton("ok"); ui->horizontalLayout->addWidget(but); 实现的效果是：``` ![在这里插入图片描述](https://img-blog.csdnimg.cn/68f28
Qt之水平/垂直布局（QBoxLayout、QHBoxLayout、QVBoxLayout）
weixin_34161029的博客
05-30 4004
简述 QBoxLayout可以在水平方向或垂直方向上排列控件，由QHBoxLayout、QVBoxLayout所继承。 QHBoxLayout：水平布局，在水平方向上排列控件，即：左右排列。 QVBoxLayout：垂直布局，在垂直方向上排列控件，即：上下排列。 通过查看源码，我们可以发现，水平布局、垂直布局除了构造时的方向（L...
Qt_布局管理器
安权_code的博客
09-19 953
使用Qt时，在没有布局管理器（Layout）概念之前，在界面上创建控件都是用“绝对定位”来设置的，即调用setGeometry或move函数摆放，或者直接在ui文件中对控件进行手动的摆放，这些方式都会导致界面上的控件摆放存在偏差，影响整体美观。因此引入布局管理器机制，将界面上的控件都直接放到布局管理器下，布局管理器会自动对这些控件进行位置大小的调整，让整个界面看起来更加规整。
【Qt】垂直布局管理器QVBoxLayout
dab112的博客
08-28 1234
使用QVBoxLayout表示垂直布局管理器
pyqt5在QMainWindow中布局的问题 （QVBoxLayout QHBoxLayout布局，组件显示不出来）
wltsysterm的博客
03-02 2939
今天开做项目的过程，发现，基于QMainWindow作为父类进行页面开发的时候，同时使用QVBoxLayout QHBoxLayout来做布局，会出现组件显示不出来的情况。经过各种查找搜罗资料发现： 在pyqt5中使用了父类为QMainWindow的话，在里面使用布局类，QGridLayout，QHBoxLayout ，QVBoxLayout 时，发现不好用。 但是 如果是在以QWidge...
Qt 垂直布局 (QVBoxLayout)
热门推荐
houxian1103的博客
02-27 1万+
如果要控件之间的间距相同用设置间距就可以,增加间距是做控件之间间距不一样效果.上边就相当于有一个弹簧顶着 , 你窗口变高 他的弹簧就会拉伸。
qt QHBoxLayout详解
最新发布
ckg3824278的博客
10-25 527
是 Qt 框架中用于创建水平布局的类。它将子控件以横向的方式排列，并自动调整大小，以适应父窗口的尺寸变化。
Qt中的布局管理器
echo_bright_的博客
09-12 5434
Qt中窗口组件的基类QWidget有两组重载函数用于实现窗口组件的绝对定位：//定位窗口的坐标 void move(const QPoint &) void move(int x, int y) //定义窗口占据的大小 void resize(const QSize &) void resize(int w, int h)  存在的问题：   (1) 程序员需要计算/规划组件的坐标   (2)
QT布局管理器使用技巧
# 1. QT布局管理器简介 ### 1.1 QT布局管理器的作用与意义 QT布局管理器是QT框架中用于管理界面布局的重要工具。...- QVBoxLayout：垂直布局管理器，用于将控件按垂直方向依次排列。 - QGridLayout：网格布局
QT使用注意
11-22
　4) 布局管理器目前有基本布局QBoxLayout(水平布局QHBoxLayout、垂直QVBoxLayout)、栅格布局QGridLayout、表单布局QFormLayout、栈布局QStackedLayout； 　5) 还有其他的布局，不过一般用于其他目的，如QPageLayout...
Qt 布局管理器使用心得——使用多个layout注意事项
weixin_30701521的博客
04-08 834
qt 布局管理器有QHBoxLayout, QVBoxLayout, QGridLayout, QFormLayout四种，前两种是在widget水平或者垂直布局， girdle是widget以格子的形式布局，from是在widget上以row的形式布局。 如果用多个Layout共同布局时，只能对最终要显示的layout进行设置父窗口的指针. treeWidget = new QTree...
qt中QVBoxLayout,QHBoxLayout布局中实现控件的动态加载与显示
10-09
这是一个qt的小项目，主要是为了展示如何在QVBoxLayout或者QHBoxLayout布局下动态的进行控件的加载与展示
# qtdesigner pyqt5跳转页面不成功问题和布局内控件大小调整问题。
weixin_41580455的博客
12-15 914
qtdesigner pyqt5跳转页面不成功问题求大佬帮助。 a b两类 a类 # -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'c:\Users\ligang\Desktop\pyqt\qq.ui' # # Created by: PyQt5 UI code generator 5.9.2 # # WARNING! All changes made in this file will be los
C++Qt 垂直布局 (QVBoxLayout)
m0_60259116的博客
12-03 2159
Qt 垂直布局 (QVBoxLayout)
flex 左右布局_一文搞懂 CSS Flexbox 布局 - 2020年最新版
weixin_39809168的博客
10-27 493
在 CSS flexbox 布局出现以前，如果要控制 HTML 元素的布局，要用到很多种奇葩的方式。在水平方向上得用float控制左右对齐，稍一不注意，就会有浮动的元素飞来飞去~。在垂直方向上就更是百家争鸣了：要么手动计算高度然后算出中心点，要么用line-height和height的结合，要么用十之八九不生效的vertical-align属性等等等等。自从 flex-box 出现以后，一切似乎就...
Qt中的垂直布局QVBoxLayout和水平布局QHBoxLayout
m0_45463480的博客
08-26 1151
Qt中的水平布局（Horizontal Layout）是用来将控件按水平方向进行排列的布局管理器。Qt中的垂直布局（Vertical Layout）是用来将控件按垂直方向进行排列的布局管理器。使用setAlignment()函数设置布局中的控件的对齐方式。这里设置为居中对齐。使用setAlignment()函数设置布局中的控件的对齐方式。使用addLayout()函数将子布局（子垂直布局或水平布局）添加到主垂直布局中。使用addLayout()函数将子布局（子垂直布局或水平布局）添加到主水平布局中。
Qt布局管理器(QHBoxLayout,QVBoxLayout)
m0_62599305的博客
01-11 3491
想要不用也是很简单，选中指定的Widget，点击打破布局。可以把一些组件按一定的次序排列，这就是布局管理器。他和QVBoxLayout基本一致，在这我就不讲了。把QHbox放到QVbox中，组成一个网格布局。QVBoxLayout:按垂直的顺序排列组件。1、把下列的组件拖出，把组件放在里面。2、点击按钮，排序某个Widget。他可以自动排列窗口中的界面组件。首先选中你要排序的Widget。窗口变化后自动更新界面组件。
Qt：15.布局管理器(QVBoxLayout-垂直布局、QHBoxLayout-水平布局、QGridLayout-网格布局、拉伸系数，控制控件显示的大小)
weixin_63716012的博客
07-11 2074
设置布局左侧的边距。获取当前左边距：layout->contentsMargins().left()设置布局顶部的边距。获取当前顶部边距：layout->contentsMargins().top()设置布局右侧的边距。获取当前右边距：layout->contentsMargins().right()设置布局底部的边距。获取当前底部边距：layout->contentsMargins().bottom()设置子控件之间的间距。
Pyqt5布局使用setAlignment未生效解决方法
Dead_John
07-02 307
Pyqt5布局使用setAlignment未生效解决方法：使用QSizePolicy策略
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值