QT中的布局管理器

最新推荐文章于 2024-08-13 15:41:43 发布
最新推荐文章于 2024-08-13 15:41:43 发布
阅读量2.6k 收藏 15
点赞数 3
分类专栏： QT【笔记】
课程笔记内容整理于狄泰软件
本文链接：https://blog.csdn.net/qq_39654127/article/details/81430245
版权

目录

1、布局管理器概要

2、QBoxLayout

3、QGridLayout

4、QFormLayout

5、QStackedLayout

6、开发一个向导用户界面 

1、布局管理器概要

绝对定位 ：直接在像素级指定各个组件的位置和大小 ，组件的位置和大小无法自适应父窗口的变化。 

   －void QWidget::move (int x, int y)

   －void QWidget::resize (int w, int h) 

布局管理器 

   －提供相关的类对界面组件进行布局管理： 能够自动排列窗口中的界面组件 ，窗口变化后自动更新界面组件的大小 

   －QLayout是Qt中布局管理器的抽象基类 ，布局管理器不是界面部件，而是界面部件的定位策略 

   －Qt中可以根据需要自定义布局管理器 ，通过继承QLayout实现了功能各异且互补的布局管理器 

 

2、QBoxLayout

QBoxLayout布局管理器以水平（horizontal）或者垂直（vertical）的方式管理界面组件 

                

布局管理器可以相互嵌套，形成更加复杂的布局方式

 －布局嵌套几乎可以完成所有常用的界面布局 

 －自定义布局类可以达到个性化界面布局的效果 

QBoxLayout嵌套实例 

布局管理器中的比例系数 

      －默认情况下以等比例的方式更新组件的大小，

      －可以自定义组件大小更新时的比例系数 

－void setStretch(int index, int stretch)   // index 格子下标，

－bool setStretchFactor(QWidget* widget, int stretch)  // 具体组件的比例系数

－bool setStretchFactor(QLayout* layout, int stretch)  // 布局管理器管理另一个布局管理器

Widget.h

#ifndef _WIDGET_H_
#define _WIDGET_H_

#include <QtGui/QWidget>
#include <QPushButton>

class Widget : public QWidget
{
    Q_OBJECT
private:
    QPushButton TestBtn1;
    QPushButton TestBtn2;
    QPushButton TestBtn3;
    QPushButton TestBtn4;

    void initControl();
    void testVBoxLayout();
    void testHBoxLayout();
    void testVHBoxLayout();
public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif

Widget.cpp

#include "Widget.h"
#include <QVBoxLayout>


Widget::Widget(QWidget *parent) : QWidget(parent),
    TestBtn1(this), TestBtn2(this), TestBtn3(this), TestBtn4(this)
{
    //initControl();
    //testVBoxLayout();
    //testHBoxLayout();
    //testVHBoxLayout();
}

// 绝对定位
void Widget::initControl()
{
    TestBtn1.setText("Test Button 1");
    TestBtn1.move(20, 20);
    TestBtn1.resize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.move(20, 70);
    TestBtn2.resize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.move(20, 120);
    TestBtn3.resize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.move(20, 170);
    TestBtn4.resize(160, 30);
}

/*
1、创建布局管理器
2、添加管理组件
3、给当前窗口添加布局管理器
*/
void Widget::testVBoxLayout()
{
    QVBoxLayout* layout = new QVBoxLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    layout->setSpacing(30);       // 按钮之间的距离30像素
    layout->addWidget(&TestBtn1);
    layout->addWidget(&TestBtn2);
    layout->addWidget(&TestBtn3);
    layout->addWidget(&TestBtn4);

    setLayout(layout); // 如果定义布局管理器时已经指明父组件，不需要再这一步
}

void Widget::testHBoxLayout()
{
    QHBoxLayout* layout = new QHBoxLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding); // 水平扩展垂直扩展
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    layout->setSpacing(30);
    layout->addWidget(&TestBtn1);
    layout->addWidget(&TestBtn2);
    layout->addWidget(&TestBtn3);
    layout->addWidget(&TestBtn4);

    setLayout(layout);
}


void Widget::testVHBoxLayout() 
{
    QHBoxLayout* hLayout1 = new QHBoxLayout();
    QHBoxLayout* hLayout2 = new QHBoxLayout();
    QVBoxLayout* vLayout = new QVBoxLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    hLayout1->setSpacing(10);
    hLayout1->addWidget(&TestBtn1);
    hLayout1->addWidget(&TestBtn2);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    hLayout2->setSpacing(10);
    hLayout2->addWidget(&TestBtn3);
    hLayout2->addWidget(&TestBtn4);

    vLayout->setSpacing(10);
    vLayout->addLayout(hLayout1);
    vLayout->addLayout(hLayout2);

    setLayout(vLayout);
}


Widget::~Widget()
{
    
}

比例系数初探    Widget.cpp

#include "Widget.h"
#include <QVBoxLayout>


Widget::Widget(QWidget *parent) : QWidget(parent),
    TestBtn1(this), TestBtn2(this), TestBtn3(this), TestBtn4(this)
{
    //testVBoxLayout();
    //testHBoxLayout();
    //testVHBoxLayout();
}

void Widget::testVBoxLayout()
{
    QVBoxLayout* layout = new QVBoxLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    layout->setSpacing(30);
    layout->addWidget(&TestBtn1);
    layout->addWidget(&TestBtn2);
    layout->addWidget(&TestBtn3);
    layout->addWidget(&TestBtn4);
    layout->setStretch(0, 1); 
    layout->setStretch(1, 1);
    layout->setStretch(2, 2);
    layout->setStretch(3, 2);

    setLayout(layout);
}
void Widget::testHBoxLayout()
{
    QHBoxLayout* layout = new QHBoxLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    layout->setSpacing(30);
    layout->addWidget(&TestBtn1);
    layout->addWidget(&TestBtn2);
    layout->addWidget(&TestBtn3);
    layout->addWidget(&TestBtn4);
    layout->setStretchFactor(&TestBtn1, 1);
    layout->setStretchFactor(&TestBtn2, 2);
    layout->setStretchFactor(&TestBtn3, 1);
    layout->setStretchFactor(&TestBtn4, 3);

    setLayout(layout);
}

void Widget::testVHBoxLayout()
{
    QHBoxLayout* hLayout1 = new QHBoxLayout();
    QHBoxLayout* hLayout2 = new QHBoxLayout();
    QVBoxLayout* vLayout = new QVBoxLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    hLayout1->setSpacing(10);
    hLayout1->addWidget(&TestBtn1);
    hLayout1->addWidget(&TestBtn2);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    hLayout2->setSpacing(10);
    hLayout2->addWidget(&TestBtn3);
    hLayout2->addWidget(&TestBtn4);

    vLayout->setSpacing(10);
    vLayout->addLayout(hLayout1);
    vLayout->addLayout(hLayout2);
    vLayout->setStretchFactor(hLayout1, 1);
    vLayout->setStretchFactor(hLayout2, 3);

    setLayout(vLayout);
}


Widget::~Widget()
{
    
}

组件的初始大小是独立于布局管理器设置的，因此不能保证组件的大小始终符合比例系数的设置！ 

3、QGridLayout

QGridLayout布局管理器以网格（二维）的方式管理界面组件 

QGridLayout中的比例系数设置 

      －void setColumnStretch(int column, int stretch) 

      －void setRowStretch(int row, int stretch) 

布局管理器的嵌套 

      －QGridLayout支持嵌套其它布局管理器成为其管理对象 

Widget.cpp

#include "Widget.h"
#include <QGridLayout>

Widget::Widget(QWidget *parent) : QWidget(parent),
    TestBtn1(this), TestBtn2(this), TestBtn3(this), TestBtn4(this)
{
    //testGridLayout1();
    //testGridLayout2();
}

void Widget::testGridLayout1()
{
    QGridLayout* layout = new QGridLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    layout->setSpacing(10);
    layout->addWidget(&TestBtn1, 0, 0);
    layout->addWidget(&TestBtn2, 0, 1);
    layout->addWidget(&TestBtn3, 1, 0);
    layout->addWidget(&TestBtn4, 1, 1);
    layout->setRowStretch(0, 1); // 设置行比例因子
    layout->setRowStretch(1, 3);
    layout->setColumnStretch(0, 1); // 列比例因子
    layout->setColumnStretch(1, 3);

    setLayout(layout);
}

void Widget::testGridLayout2()
{
    QGridLayout* layout = new QGridLayout();

    TestBtn1.setText("Test Button 1");
    TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn1.setMinimumSize(160, 30);

    TestBtn2.setText("Test Button 2");
    TestBtn2.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn2.setMinimumSize(160, 30);

    TestBtn3.setText("Test Button 3");
    TestBtn3.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn3.setMinimumSize(160, 30);

    TestBtn4.setText("Test Button 4");
    TestBtn4.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    TestBtn4.setMinimumSize(160, 30);

    layout->setSpacing(10);
    layout->addWidget(&TestBtn1, 0, 0, 2, 1); // 放0，0位置，占两行一列
    layout->addWidget(&TestBtn2, 0, 1, 2, 1);
    layout->addWidget(&TestBtn3, 2, 0, 1, 2);
    layout->addWidget(&TestBtn4, 3, 0, 1, 2);

    setLayout(layout);
}

Widget::~Widget()
{
    
}

 

4、QFormLayout

如何设计下面的图形用户界面？ 

        

解决方案 

        ① 绝对定位组件的坐标和大小 

        ② 嵌套QBoxLayout 

        ③ 创建3x2的QGridLayout 

Widget.cpp

#include "Widget.h"
#include <QLabel>
#include <QLineEdit>
#include <QGridLayout>
#include <QDebug>

Widget::Widget(QWidget *parent) : QWidget(parent, Qt::WindowCloseButtonHint)
{
    QLabel* nameLbl = new QLabel("Name:");
    QLabel* mailLbl = new QLabel("Email:");
    QLabel* addrLbl = new QLabel("Address:");
    QLineEdit* nameEdit = new QLineEdit();
    QLineEdit* mailEdit = new QLineEdit();
    QLineEdit* addrEdit = new QLineEdit();
    QGridLayout* layout = new QGridLayout();

    layout->setSpacing(10);
    layout->addWidget(nameLbl, 0, 0);
    layout->addWidget(nameEdit, 0, 1);
    layout->addWidget(mailLbl, 1, 0);
    layout->addWidget(mailEdit, 1, 1);
    layout->addWidget(addrLbl, 2, 0);
    layout->addWidget(addrEdit,2, 1);
    layout->setColumnStretch(0, 1);
    layout->setColumnStretch(1, 4);

    setLayout(layout);
    setWindowTitle("FTP");
}

Widget::~Widget()
{
    
}

 

QFormLayout布局管理器 

       －以表单(Form)的方式管理界面组件 ，表单布局中的标签和组件是相互对应的关系 

                   

QFormlayout的用法概要 

        - void addRow(QWidget* label, QWidget* field) 

        - void addRow(QWidget* label, Qlayout* field) 

        - void addRow(const QString& labelText, QWidget* field) 

        - void addRow(const QString& labelText, QLayout* field) 

QFormLayout的样式函数 

        - void setRowWrapPolicy(RowWrapPolicy policy) 

        - void setLabelAlignment(Qt::Alignment alignment) 

布局管理器的嵌套 

        - 表单布局支持嵌套，其它布局管理器可以作为子布局被其管理。 

Widget.cpp

#include "Widget.h"
#include <QLineEdit>
#include <QFormLayout>

Widget::Widget(QWidget *parent) : QWidget(parent, Qt::WindowCloseButtonHint)
{
    QLineEdit* nameEdit = new QLineEdit();
    QLineEdit* mailEdit = new QLineEdit();
    QLineEdit* addrEdit = new QLineEdit();
    QFormLayout* layout = new QFormLayout();

    layout->addRow("Name:", nameEdit);
    layout->addRow("Email:", mailEdit);
    layout->addRow("Address:", addrEdit);
    //layout->setRowWrapPolicy(QFormLayout::WrapLongRows);
    //layout->setLabelAlignment(Qt::AlignRight);
    layout->setSpacing(10);

    setLayout(layout);
    setWindowTitle("FTP");
}

Widget::~Widget()
{
    
}

5、QStackedLayout

栈式布局管理器所有组件在垂直于屏幕的方向上被管理，每次只有一个组件会显示在屏幕上 ，只有最顶层的组件会被最终显示 

栈式布局管理器的特点 

－组件大小一致且充满父组件的显示区

－不能直接嵌套其它布局管理器 

－能够自由切换需要显示的组件 ，每次能且仅能显示一个组件 
Widget.h

#ifndef _WIDGET_H_
#define _WIDGET_H_

#include <QtGui/QWidget>
#include <QPushButton>

class Widget : public QWidget
{
    Q_OBJECT
private:
    QPushButton TestBtn1;
    QPushButton TestBtn2;
    QPushButton TestBtn3;
    QPushButton TestBtn4;

    void initControl();
private slots:
    void timerTimeout();
public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif

Widget.cpp

#include "Widget.h"
#include <QStackedLayout>
#include <QHBoxLayout>
#include <QtCore>
#include <QDebug>

Widget::Widget(QWidget *parent) : QWidget(parent),
    TestBtn1(this), TestBtn2(this), TestBtn3(this), TestBtn4(this)
{
    initControl();
}

void Widget::initControl()
{
    QStackedLayout* sLayout = new QStackedLayout();
    QHBoxLayout* hLayout = new QHBoxLayout();
    QWidget* widget = new QWidget(); //间接嵌套
    QTimer* timer = new QTimer(this); // 创建计时器对象, 每隔一定的时间触发一个消息

    TestBtn1.setText("1st Button");
    TestBtn2.setText("2rd Button");
    TestBtn3.setText("3th Button");
    TestBtn4.setText("Test Button 4");

    TestBtn2.setParent(widget);
    TestBtn3.setParent(widget);

    hLayout->addWidget(&TestBtn2);
    hLayout->addWidget(&TestBtn3);

    widget->setLayout(hLayout);

    sLayout->addWidget(&TestBtn1); // 0
    sLayout->addWidget(widget); // 1
    sLayout->addWidget(&TestBtn4); // 2

    sLayout->setCurrentIndex(0);

    setLayout(sLayout);

    connect(timer, SIGNAL(timeout()), this, SLOT(timerTimeout())); // 连接计时器消息和消息处理函数

    timer->start(2000); // 设置计时器时间间隔并启动计时 
}

void Widget::timerTimeout()
{
    QStackedLayout* sLayout = dynamic_cast<QStackedLayout*>(layout());//Returns the layout manager that is installed on this widget

    if( sLayout != NULL )
    {
        int index = (sLayout->currentIndex() + 1) % sLayout->count();

        sLayout->setCurrentIndex(index);
    }
}

Widget::~Widget()
{
    
}

main.pp

#include <QtGui/QApplication>
#include "Widget.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    
    return a.exec();
}

 

6、开发一个向导用户界面 

需求分析 

             －在同一个界面上展现不同的向导页面 

             －通过“上一步”和“下一步”按钮进行切换

             －不同页面上的元素组件和组件排布都不相同

             －页面中的组件通过布局管理器进行排布 

解决方案 ：通过布局嵌套进行界面设计 ：一个垂直布局管理器 管理一个栈布局管理器 和 一个水平布局管理器

通过QStackedLayout管理不同的页面 

Widget.h

#ifndef _WIDGET_H_
#define _WIDGET_H_

#include <QtGui/QWidget>
#include <QPushButton>
#include <QLabel>
#include <QLineEdit>
#include <QStackedLayout>

class Widget : public QWidget
{
    Q_OBJECT

private:
    QPushButton preBtn;
    QPushButton nextBtn;
    QLabel fLbl1;
    QLabel fLbl2;
    QLabel fLbl3;
    QLabel fLbl4;
    QLineEdit sLineEdit;
    QPushButton tPushBtn1;
    QPushButton tPushBtn2;
    QStackedLayout sLayout;

    void initControl();
    QWidget* get1stPage();
    QWidget* get2ndPage();
    QWidget* get3rdPage();
private slots:
    void onPreBtnClicked();
    void onNextBtnClicked();
public:
    Widget(QWidget* parent = 0);
    ~Widget();
};

#endif // _WIDGET_H_

Widget.cpp

#include "Widget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QGridLayout>
#include <QFormLayout>
#include <QDebug>

Widget::Widget(QWidget *parent) : QWidget(parent)
{
    initControl();
}

void Widget::initControl()
{
    QVBoxLayout* vLayout = new QVBoxLayout();
    QHBoxLayout* hLayout = new QHBoxLayout();

    preBtn.setText("Pre Page");
    preBtn.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
    preBtn.setMinimumSize(160, 30);

    nextBtn.setText("Next Page");
    nextBtn.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
    nextBtn.setMinimumSize(160, 30);

    connect(&preBtn, SIGNAL(clicked()), this, SLOT(onPreBtnClicked()));
    connect(&nextBtn, SIGNAL(clicked()), this, SLOT(onNextBtnClicked()));

    hLayout->addWidget(&preBtn);
    hLayout->addWidget(&nextBtn);

    sLayout.addWidget(get1stPage());
    sLayout.addWidget(get2ndPage());
    sLayout.addWidget(get3rdPage());

    vLayout->addLayout(&sLayout);
    vLayout->addLayout(hLayout);

    setLayout(vLayout);
}

QWidget* Widget::get1stPage()
{
    QWidget* ret = new QWidget();
    QGridLayout* layout = new QGridLayout();

    fLbl1.setText("This");
    fLbl2.setText("is");
    fLbl3.setText("1st");
    fLbl4.setText("page");

    layout->addWidget(&fLbl1, 0, 0);
    layout->addWidget(&fLbl2, 0, 1);
    layout->addWidget(&fLbl3, 1, 0);
    layout->addWidget(&fLbl4, 1, 1);

    ret->setLayout(layout);

    return ret;
}

QWidget* Widget::get2ndPage()
{
    QWidget* ret = new QWidget();
    QFormLayout* layout = new QFormLayout();

    sLineEdit.setText("This is 2nd page");

    layout->addRow("Hint:", &sLineEdit);

    ret->setLayout(layout);

    return ret;
}

QWidget* Widget::get3rdPage()
{
    QWidget* ret = new QWidget();
    QVBoxLayout* layout = new QVBoxLayout();

    tPushBtn1.setText("This is");
    tPushBtn2.setText("3rd page");

    layout->addWidget(&tPushBtn1);
    layout->addWidget(&tPushBtn2);

    ret->setLayout(layout);

    return ret;
}

void Widget::onPreBtnClicked()
{
    int index = ((sLayout.currentIndex() - 1) + 3) % 3;

    sLayout.setCurrentIndex(index);
}

void Widget::onNextBtnClicked()
{
    int index = (sLayout.currentIndex() + 1) % 3;

    sLayout.setCurrentIndex(index);
}

Widget::~Widget()
{
    
}

main.cpp

#include <QtGui/QApplication>
#include "Widget.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    
    return a.exec();
}

                             

注意事项 

         • 任意容器类的组件都可以指定布局管理器 

         • 同一个布局管理器中的组件拥有相同的父组件 

         • 设置布局管理的同时隐式的指定了父子关系 


图中组件1和组件2被同一个布局管理器管理，拥有相同的父组件

洋葱汪
关注
专栏目录
Qt入门教程【Core篇】Layout布局（布局管理器、手动布局）
小鱼酱的博客
01-13 2万+
Qt常用布局剖析
qt之布局管理器
LZGaile的博客
01-07 467
qt之布局管理器 我们加载控件的时候,我们可以用布局类来指定父窗口 然后widget可以直接加载布局类 qt的布局类 水平布局 QHBoxLayout 垂直布局 QVBoxLayout 栅格布局 QFromLayout 手动布局: 常用接口: addwidget(QWieget*,int row,int colunum, Qt::Alignment) addwidget(QWieget*,int row,int colunum,int rowSpan,int colunumSp
QT 布局管理器
PHP代码的博客
07-13 283
QT 布局管理器
【Qt】布局管理器
最新发布
m0_72563041的博客
08-13 737
【Qt】布局管理器
Qt——布局管理器
m0_73443478的博客
11-10 2603
Qt——布局管理器
Qt中的布局管理器
wangtingze123的博客
11-30 317
https://blog.csdn.net/qq_29344757/article/details/77949119 https://blog.csdn.net/u014252478/article/details/79924887 https://blog.csdn.net/colorant/article/details/5367376   1、   QVBoxLayout *vb...
【Qt】Qt布局管理器
C/C++软件工程师、嵌入式软件工程师、物联网研发工程师、C/C++讲师、物联网讲师、嵌入式讲师---欢迎大家一起交流(私信添加博主微信)
03-22 4325
00. 目录 文章目录00. 目录01. 概述02. 开发环境03. Qt设计师实现布局04. 代码实现布局05. 预留06. 附录 01. 概述 一个软件不仅要有强大的功能，还要有一个美观的界面，布局管理器就是用来对界面部件进行布局管理的。Qt中的布局管理器主要包括QBoxLayout基本布局管理器、QGridLayout栅格布局管理器和QFormLayout窗体布局管理器，而基本布局管理器又分为QHBoxLayout水平布局管理器和QVBoxLayout垂直布局管理器。 02. 开发环境 Windows
qt5总中布局管理器的源码
08-20
Qt5中的布局管理器是构建GUI应用程序的核心工具之一，它帮助开发者自动调整控件在窗口中的位置和大小，以适应不同的屏幕分辨率和用户界面需求。本文将深入解析Qt5布局管理器的源码，探讨其工作原理和实现细节。 ...
qt布局嵌套_QT开发（二十一）——QT布局管理器
weixin_39805387的博客
12-19 806
QT开发(二十一)——QT布局管理器一、布局管理器简介QT中使用绝对定位的布局方式无法自适应窗口的变化。QT中提供了对界面组件进行布局管理的类，用于对界面组件进行管理，能够自动排列窗口中的界面组件，窗口大小变化后自动更新界面组件的大小。QLayout是QT中布局管理器的抽象基类，通过对QLayout的继承，实现了功能各异且互补的布局管理器。布局管理器不是界面组件，而是界面组件的定位策略。任意容器类...
QtFlowlayout Qt流式布局器
02-01
QtFlowlayout是一个专门为Qt开发的自定义布局器，它扩展了Qt的标准布局系统，使得在QWidget容器中可以灵活地自动...对于想要深入理解和定制Qt布局的开发者来说，学习和使用QtFlowlayout的源代码将是一次有价值的体验。
Qt布局管理器
zy010101博客
04-09 243
在使用Qt Design来设计界面布局的时候，Qt为了方便我们提供了布局管理器。但是一定要设计了布局，才能使用弹簧，否则弹簧没有效果。如下所示： 上图就是一个局部使用水平布局，而整体使用了垂直布局。实际运行效果如下： 如果是普通的登陆界面，那么我们有必要把界面的大小写死。这样并不会影响用户的任何体验。 具体关于布局管理器的介绍请看豆子的博客：https://www.devbean.n...
Qt 布局管理器
hw5230的博客
01-30 664
QT中提供了对界面组件进行布局管理的类，用于对界面组件进行管理，能够自动排列窗口中的界面组件窗口大小变化后,便会自动更新界面组件的大小。布局管理器可以自定义,从而达到更加个性化界面布局的效果布局管理器可以相互嵌套,完成所有常用的界面布局QLayout是Qt中布局管理器的抽象基类,如下图所示:回到顶部。
【QT】QT布局管理器
半生瓜のblog
01-16 572
布局管理器 设计模式实现布局 详情见工具栏 垂直布局，水平布局，打破布局。 代码实现布局 main.cpp #include "testlayout.h" #include <QApplication> #include<QLabel> #include<QLineEdit> #include<QFormLayout> #include<QRadioButton> #include<QVBoxLayout> #include<
QT 布局管理
热门推荐
colorant的专栏
03-11 1万+
QT 布局管理作者：刘旭晖 Raymond 转载请注明出处Email：colorant@163.comBLOG：http://blog.csdn.net/colorant/ 狭义的说，QT的布局管理框架指的是以QLayoutItem/QLayout为基类的布局管理体系（应该说，对于QGraphicsSystem， 还有以QGraphicsLayoutItem/QGraphicsLayo
Qt - 布局管理器(布局管理器-代码运用)
weifc-wei 的博客
07-30 228
布局管理器 利用布局管理器做出如下界面效果（标签与输入框设置伙伴关系）： 新建桌面应用程序，项目名TestLayout，基类QWidget,类名Widget,不勾选创建界面。 修改main函数： ================================================================== ================================================================== ===================
qt中布局管理器移动控件
07-27
在Qt中，布局管理器可以帮助我们自动调整和管理控件的位置和大小。要移动一个控件，你需要进行以下步骤： 1. 创建一个布局管理器并将其设置为你想要移动的控件的父窗口的布局管理器。常见的布局管理器包括...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值