Qt学习: QStackedWidget和手工代码布局的程序实例

重要函数:
1.void setCurrentIndex(int); //用下标显示当前页,.从0开始.
2.int count(); //返回页面的数量.
3.void insertWidget(int, QWidget*); //在下标为参数位置插入页.
4.void addWidget(QWidget*); //加上页.
5.void removeWidget(QWidget*); //删除页.

信号:

1.void currentChanged(int); //当前页面发生改变时，发出信号.
2.void widgetRemoved(int); //页面被删除时，发出信号.

---

首先我们添加一个类，名字自定义，我这里叫MyPicture.不用Qt设计师进行拖拽，而是进行手工布局，因为当部件的量很多或者需要自动生成的时候，手工布局显得更加灵活.

---

以下是”MyPicture.cpp”下的代码:

#include "MyPicture.h"

MyPicture::MyPicture(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);
    //创建一个垂直布局.
    QVBoxLayout *vertLayout = new QVBoxLayout;
    for (int i = 0; i < 5; ++i)
    {
        //创建一个水平布局.
        QHBoxLayout *horiLayout = new QHBoxLayout;
        for (int j = 0; j < 5; ++j)
        {
            QLabel *temp = new QLabel("z");
            temp->resize(100,100);
            //也添加到vector容器里去，方便调用.
            this->labelArray.push_back(temp);
            //把label对象添加到水平布局中去.
            horiLayout->addWidget(temp);
        }
        //布局中可以添加布局.
        vertLayout->addLayout(horiLayout);
    }
    //最后应用垂直布局.
    this->setLayout(vertLayout);
}

MyPicture::~MyPicture()
{

}
void MyPicture::setText(QString str)
{
    for (int i = 0; i < 25; ++i)
    {
        this->labelArray[i]->setText(str);
    }
}

---

以下是”MyPicture.h”的代码:

#ifndef MYPICTURE_H
#define MYPICTURE_H

#include <QWidget>
#include "ui_MyPicture.h"
#include <QMessageBox>
#include <QLabel>
#include <QVBoxLayout>
#include <QHBoxLayout>

class MyPicture : public QWidget
{
    Q_OBJECT

public:
    MyPicture(QWidget *parent = 0);
    ~MyPicture();
    void setText(QString);

private:
    Ui::MyPicture ui;
    QVector<QLabel*> labelArray;
};

#endif // MYPICTURE_H

---

然后在c.ui处，进行拖拽，进行如下布局和命名.

---

然后是”c.cpp”的代码:

#include "c.h"

c::c(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);
    initStackedWidget();


    //连接信号与槽.
    connect(ui.firstButton, SIGNAL(clicked()), this, SLOT(showFirstPageSlot()));
    connect(ui.secondButton, SIGNAL(clicked()), this, SLOT(showSecondPageSlot()));
}

c::~c()
{

}
void c::showFirstPageSlot()
{
    //设置当前显示的页面
    ui.stackedWidget->setCurrentIndex(0);
}
void c::showSecondPageSlot()
{
    ui.stackedWidget->setCurrentIndex(1);
}
//初始化堆积页.
void c::initStackedWidget()
{
    //先删除系统自动为你添加的两个页面.
    ui.stackedWidget->removeWidget(ui.page);
    ui.stackedWidget->removeWidget(ui.page_2);

    MyPicture *temp = new MyPicture;
    temp->setText(QString::fromLocal8Bit("哈哈"));
    ui.stackedWidget->addWidget(temp);

    MyPicture *i = new MyPicture;
    i->setText(QString::fromLocal8Bit("嘻嘻"));
    ui.stackedWidget->addWidget(i);
}

---

“c.h”的代码:

#ifndef C_H
#define C_H

#include <QtWidgets/QMainWindow>
#include "ui_c.h"
#include <QStackedWidget>
#include <QPushButton>
#include <QMessageBox>
#include "MyPicture.h"


class c : public QMainWindow
{
    Q_OBJECT

public:
    c(QWidget *parent = 0);
    ~c();
    //初始化堆积页.
    void initStackedWidget();

private slots:
    void showSecondPageSlot();
    void showFirstPageSlot();

private:
    Ui::cClass ui;
};

#endif // C_H

---

最后是”main.cpp”的代码:

#include "c.h"
#include <QtWidgets/QApplication>
#include "MyPicture.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    /*c w;
    w.show();*/

    MyPicture w;
    w.show();


    return a.exec();
}