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();
}