QT-QStackedWidget多窗口应用

前言：

多窗口应用，例如某微信，页面由1，2，3个布局组成。

1-基本流程
页面1控制页面2，通过选择页面1上的按钮或控件
页面2控制页面3，通过选择页面2上的按钮或控件

2-其中页面2中的页面很多是不同的，页面3也同理，那其实就是在同一个区域显示不同页面。

3-那么怎么快捷实现这个功能呢？在qt中我们知道，页面其实就是一个个widget，然后qt有自带的控件来实现这个功能，就是QStackedWidget，这个控件可以保存我们的每一个页面，然后可以选择显示某个页面。

4-我们实现一个例子

1-先看效果图：这里实现页面选择用的下拉框，看起来比较low，做成微信列表那样原理也是一样的，为了方便简单实现，方便理解，所以使用的下拉框。

基本思路：

    1-首先布局主窗口,需要一个选择窗口，里面放一个选择框，一个显示窗口放一个QStackedWidget

    2-新建3个带ui的widget文件，每个ui做好页面

    3-main函数初始化

            1-定义3个页面的对象，放入QList中

            2-把3个页面添加到QStackedWidget控件中

            3-下拉框添加选择事件，通过下拉框索引获取QList,或者直接用索引，修改QStackedWidget当前页面

1-首先布局主窗口

2-新建三个带ui的widget

    带ui是为了方便后续设计页面内容，如果用代码生成，会比较累。

3个独立的页面自己设计一下。

3-材料都准备好了，mainwindow添加代码，很简单就几句。
头文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include "form1.h"
#include "form2.h"
#include "form3.h"
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void on_comboBox_currentIndexChanged(int index);

private:
    Ui::MainWindow *ui;

    QList<QWidget*> win_lits;
};
#endif // MAINWINDOW_H

源文件

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    Form1 *fwin1= new Form1();
    Form2 *fwin2= new Form2();
    Form3 *fwin3= new Form3();

    win_lits.append((QWidget*)fwin1);
    win_lits.append((QWidget*)fwin2);
    win_lits.append((QWidget*)fwin3);

    ui->stackedWidget->addWidget(fwin1);
    ui->stackedWidget->addWidget(fwin2);
    ui->stackedWidget->addWidget(fwin3);

    ui->stackedWidget->setCurrentWidget(fwin2);

    ui->comboBox->addItem("fwin1");
    ui->comboBox->addItem("fwin2");
    ui->comboBox->addItem("fwin3");
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_comboBox_currentIndexChanged(int index)
{
    ui->stackedWidget->setCurrentWidget(win_lits[index]);
    //或者直接用index
    //ui->stackedWidget->setCurrentIndex(index);
}