本文主要总结用QStackedLayout类的用法,主要通过新建一个实例,体现QStackedLaout类可以应用在切换菜单上。QStackedLaout类是属于布局管理器中的一个常用类。
(资料图片)
下面是一个实例,该实例是顶部两个菜单按钮,分别点击两个按钮,将会切换不同页面。比如点击pageOne按钮,则切换到第一页;点击pageTwo按钮,则切换到第二页。
新建一个widget工程,以及两个类,类名分别为PageOne和PageTwo。然后在如下文件添加代码:
#ifndef PAGEONE_H#define PAGEONE_H#include #include #include #include class PageOne : public QWidget{Q_OBJECTpublic:explicit PageOne(QWidget *parent = nullptr);signals:public slots:private:QVBoxLayout *pageOneLayout;QPushButton *m_pushButton;};#endif // PAGEONE_H
#include ""PageOne::PageOne(QWidget *parent) : QWidget(parent){pageOneLayout = new QVBoxLayout(this); //注意,this表示在这个widget窗口显示m_pushButton = new QPushButton;m_pushButton->setText(tr("成功切换到第一页!"));pageOneLayout->addWidget(m_pushButton);}
#ifndef PAGETWO_H#define PAGETWO_H#include #include #include #include class PageTwo : public QWidget{Q_OBJECTpublic:explicit PageTwo(QWidget *parent = nullptr);signals:public slots:private:QVBoxLayout *pageOneLayout;QPushButton *m_pushButton;};#endif // PAGETWO_H
#include ""PageTwo::PageTwo(QWidget *parent) : QWidget(parent){pageOneLayout = new QVBoxLayout(this); //注意,this表示在这个widget窗口显示m_pushButton = new QPushButton;m_pushButton->setText(tr("成功切换到第二页!"));pageOneLayout->addWidget(m_pushButton);}
#ifndef WIDGET_H#define WIDGET_H#include #include #include #include #include #include ""#include ""class Widget : public QWidget{Q_OBJECTpublic: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
#include ""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第二页}
#include ""#include int main(int argc, char *argv[]){QApplication a(argc, argv);Widget w;();return ();}
【领 QT开发教程 学习资料, 点击下方链接莬费领取↓↓ ,先码住不迷路~】
点击这里:
关键词: