Qt中QStackedLayout类用法（菜单叶切换界面）

本文主要总结用QStackedLayout类的用法，主要通过新建一个实例，体现QStackedLaout类可以应用在切换菜单上。QStackedLaout类是属于布局管理器中的一个常用类。

下面是一个实例，该实例是顶部两个菜单按钮，分别点击两个按钮，将会切换不同页面。比如点击pageOne按钮，则切换到第一页；点击pageTwo按钮，则切换到第二页。

1.1新建一个widget工程，以及两个类，类名分别为PageOne和PageTwo。然后在如下文件添加代码：

pageone.h

#ifndef PAGEONE_H

#define PAGEONE_H

#include <QWidget>

#include <QVBoxLayout>

#include <QLabel>

#include <QPushButton>

class PageOne : public QWidget

{

    Q_OBJECT

public:

    explicit PageOne(QWidget *parent = nullptr);

signals:

public slots:

private:

    QVBoxLayout *pageOneLayout;

    QPushButton *m_pushButton;

};

#endif // PAGEONE_H

pageone.cpp

#include "pageone.h"

PageOne::PageOne(QWidget *parent) : QWidget(parent)

{

    pageOneLayout = new QVBoxLayout(this);              //注意，this表示在这个widget窗口显示

    m_pushButton = new QPushButton;

    m_pushButton->setText(tr("成功切换到第一页！"));

    pageOneLayout->addWidget(m_pushButton);

}

pagetwo.h

#ifndef PAGETWO_H

#define PAGETWO_H

#include <QWidget>

#include <QVBoxLayout>

#include <QLabel>

#include <QPushButton>

class PageTwo : public QWidget

{

    Q_OBJECT

public:

    explicit PageTwo(QWidget *parent = nullptr);

signals:

public slots:

private:

    QVBoxLayout *pageOneLayout;

    QPushButton *m_pushButton;

};

#endif // PAGETWO_H

pagetwo.cpp

#include "pagetwo.h"

PageTwo::PageTwo(QWidget *parent) : QWidget(parent)

{

    pageOneLayout = new QVBoxLayout(this);              //注意，this表示在这个widget窗口显示

    m_pushButton = new QPushButton;

    m_pushButton->setText(tr("成功切换到第二页！"));

    pageOneLayout->addWidget(m_pushButton);

}

widget.h

#ifndef WIDGET_H

#define WIDGET_H

#include <QWidget>

#include <QPushButton>

#include <QVBoxLayout>

#include <QHBoxLayout>

#include <QStackedLayout>

#include "pageone.h"

#include "pagetwo.h"

class Widget : public QWidget

{

    Q_OBJECT

public:

    Widget(QWidget *parent = 0);

    ~Widget();

private slots:

    void On_PushButton1Result();

    void On_PushButton2Result();

private:

    QVBoxLayout *mainLayout;

    QHBoxLayout *topLayout;

    QStackedLayout *stackLayout;

    QPushButton *m_pushButton1,*m_pushButton2;

    PageOne *m_pageOne;

    PageTwo *m_pageTwo;

};

#endif // WIDGET_H

widget.cpp

#include "widget.h"

Widget::Widget(QWidget *parent)

    : QWidget(parent)

{

    //初始化

    this->setObjectName("mainWidget");

    this->setStyleSheet("#mainWidget{background-color:rgb(10,90,130);}");

    mainLayout = new QVBoxLayout;

    topLayout = new QHBoxLayout;

    stackLayout = new QStackedLayout;

    m_pushButton1 = new QPushButton;

    m_pushButton1->setText("pageOne");

    m_pushButton1->setFixedHeight(50);      //设定按钮固定高度

//    m_pushButton1->setStyleSheet("color:rgb(255,0,0);border:none");     //设置按钮字体颜色，无边框

//    m_pushButton1->setFlat(true);           //祛除边框

    m_pushButton2 = new QPushButton;

    m_pushButton2->setText("pageTwo");

    m_pageOne = new PageOne;

    m_pageTwo = new PageTwo;

    //窗口布局

//    topLayout->addWidget(m_pushButton1,0,Qt::AlignLeft | Qt::AlignCenter);

    topLayout->setMargin(0);               //控件与窗体左右间距

    topLayout->setSpacing(0);              //Layout内部控件间距

    topLayout->addWidget(m_pushButton1);

    topLayout->addWidget(m_pushButton2);

    stackLayout->addWidget(m_pageOne);      //第一页

    stackLayout->addWidget(m_pageTwo);      //第二页

    stackLayout->setCurrentIndex(0);        //默认stackLayout显示第0页

    mainLayout->addLayout(topLayout);       //顶部界面

    mainLayout->addLayout(stackLayout);     //中间界面

    mainLayout->setMargin(0);               //控件与窗体左右间距

    mainLayout->setSpacing(0);              //Layout内部控件间距

    mainLayout->setStretchFactor(topLayout,1);

    mainLayout->setStretchFactor(stackLayout,10);

    setLayout(mainLayout);                   //设置唯一布局   这句也可以用mainLayout = new QVBoxLayout(this);替代

    connect(m_pushButton1,SIGNAL(clicked(bool)),this,SLOT(On_PushButton1Result()));

    connect(m_pushButton2,SIGNAL(clicked(bool)),this,SLOT(On_PushButton2Result()));

}

Widget::~Widget()

{

}

void Widget::On_PushButton1Result()

{

    //按钮1槽函数

    stackLayout->setCurrentIndex(0);        //切换到stackLayout第一页

}

void Widget::On_PushButton2Result()

{

    //按钮2槽函数

    stackLayout->setCurrentIndex(1);        //切换到stackLayout第二页

}

main.c

#include "widget.h"

#include <QApplication>

int main(int argc, char *argv[])

{

    QApplication a(argc, argv);

    Widget w;

    w.show();

    return a.exec();

}

1.2程序构建运行后，如下图所示。

        

由以上结果可知，该QStackedLayout类可以用在切换菜单界面上。

参考内容：

https://blog.csdn.net/gyhguoge01234/article/details/53141613（重点参考）

https://blog.csdn.net/liang19890820/article/details/51539851

http://www.cnblogs.com/qq78292959/archive/2012/08/13/2637209.html（其它布局管理器用法）