QHBoxLayout / QVBoxLayout / QGridLayout:
水平 / 垂直 / 格点 布局
QStackedLayout 栈布局管理器
栈布局可以添加很多窗口,但是在同一时刻,只能有一个窗口可以显示。
1 count:栈布局中的窗口数量,可以使用addWidget() insertWidget()添加窗口。
2 currentIndex:当前的窗口索引。
3 stackingMode:显示模式。
- StackOne:只有当前的窗口是可见的。
- StackAll:所有窗口都可见,但只有当前窗口在最上面。
代码实现:
#include "widget.h"
#include "ui_widget.h"
#include <QStackedLayout>
#include <QLabel>
#include <QPushButton>
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
QPushButton *button = new QPushButton(this);
QLabel *firstPage= new QLabel(this);
QLabel *secondPage = new QLabel(this);
QLabel *thirdPage = new QLabel(this);
stackedLayout = new QStackedLayout();
button->setText(QStringLiteral("Switch"));
firstPage->setText(QStringLiteral("Page 1"));
secondPage->setText(QStringLiteral("Page 2"));
thirdPage->setText(QStringLiteral("Page 3"));
stackedLayout->addWidget(firstPage);
stackedLayout->addWidget(secondPage);
stackedLayout->addWidget(thirdPage);
QVBoxLayout *pLayout = new QVBoxLayout();
pLayout->addWidget(button, 0, Qt::AlignLeft | Qt::AlignVCenter);
pLayout->addLayout(stackedLayout);
pLayout->setSpacing(10);
pLayout->setContentsMargins(10, 10, 10, 10);
setLayout(pLayout);
connect(button, &QPushButton::clicked, this, &Widget::switchPage);
// 切换页面
}
Widget::~Widget()
{
delete ui;
}
void Widget::switchPage()
{
int nCount = stackedLayout->count();
int nIndex = stackedLayout->currentIndex();
++nIndex;
if (nIndex >= nCount)
nIndex = 0;
stackedLayout->setCurrentIndex(nIndex);
}