QT窗口内嵌子页面并且多个子页面可以进行切换

QT窗口内嵌子页面并且多个子页面可以进行切换

在练习使用QT制作学生管理系统的时候，就遇到了这个问题，如何使页面像浏览器一样切换自如是我遇到的一个问题。

就大概是类似于上面的操作，通过点击左边的treewidget内的不同的信息，右边的区域会展示与之相关的页面。
这个相关方面的我也有在网站寻找，但是其实说的感觉并没有很具体，以下的方式是我结合网上寻找的答案自己试出来的
首先先创建两个界面文件，如图：

其次，看一下我的例子：
dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <pageone.h>
#include <pagetwo.h>

namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

public:
    PageOne *ptr_one;
    PageTwo *ptr_two;

private slots:
    void on_btnone_clicked();//页面一事件

    void on_btntwo_clicked();//页面二事件

private:
    Ui::Dialog *ui;
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"

Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
    ptr_one = new PageOne(this);
    ptr_two = new PageTwo(this);
}

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

/**
 * @brief 页面一按钮事件
 */
void Dialog::on_btnone_clicked()
{
    ptr_two->close();

    ptr_one->move(200,0);
    ptr_one->show();
}

/**
 * @brief 页面二按钮事件
 */
void Dialog::on_btntwo_clicked()
{
    ptr_one->close();

    ptr_two->move(200,0);
    ptr_two->show();
}

pageone.h

#ifndef PAGEONE_H
#define PAGEONE_H

#include <QDialog>
#include <QPainter>
#include <QPaintEvent>

namespace Ui {
class PageOne;
}

class PageOne : public QDialog
{
    Q_OBJECT

public:
    explicit PageOne(QDialog *parent = 0);
    ~PageOne();

private:
    void paintEvent(QPaintEvent *e);
private:
    Ui::PageOne *ui;
};

#endif // PAGEONE_H

pageone.h

#include "pageone.h"
#include "ui_pageone.h"


PageOne::PageOne(QDialog *parent) :
    QDialog(parent),
    ui(new Ui::PageOne)
{
    ui->setupUi(this);
    setWindowFlags(Qt::CustomizeWindowHint|Qt::FramelessWindowHint);hide();

}

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

/**
 * @brief 窗口输入事件
 * @param e
 */
void PageOne::paintEvent(QPaintEvent *e)
{
    QPainter painter(this);


    //获取客户区
    QRect rc = this->rect();

    QString strInfo = "页面一";

    //设置文本颜色
    painter.setPen(qRgb(0,255,0));

    //painter.

    //设置字体
    painter.setFont(QFont("隶书",36,QFont::Bold));
    painter.drawText(0,-0,this->width(),this->height(),Qt::AlignCenter,strInfo);

}

pagetwo.h

#ifndef PAGETWO_H
#define PAGETWO_H

#include <QDialog>
#include <QPainter>
#include <QPaintEvent>

namespace Ui {
class PageTwo;
}

class PageTwo : public QDialog
{
    Q_OBJECT

public:
    explicit PageTwo(QDialog *parent = 0);
    ~PageTwo();

private:
    void paintEvent(QPaintEvent *e);
private:
    Ui::PageTwo *ui;
};

#endif // PAGETWO_H

pagetwo.cpp

#include "pagetwo.h"
#include "ui_pagetwo.h"

PageTwo::PageTwo(QDialog *parent) :
    QDialog(parent),
    ui(new Ui::PageTwo)
{
    ui->setupUi(this);
    setWindowFlags(Qt::CustomizeWindowHint|Qt::FramelessWindowHint);
    hide();

}

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

/**
 * @brief 窗口输入事件
 * @param e
 */
void PageTwo::paintEvent(QPaintEvent *e)
{
    QPainter painter(this);


    //设置画笔,画笔决定了线和文字等颜色
    painter.setPen(qRgb(255,0,0));

    //获取客户区
    QRect rc = this->rect();

    QString strInfo = "页面二";

    //设置文本颜色
    painter.setPen(qRgb(0,255,0));

    //painter.

    //设置字体
    painter.setFont(QFont("隶书",36,QFont::Bold));
    painter.drawText(0,0,this->width(),this->height(),Qt::AlignCenter,strInfo);
}

以上就是我的例子，最后的效果如图：

选中页面一的按钮时，右边会显示：

选中页面二的按钮时，右边显示：

在这个过程中，主要是页面文件的构造函数中得加入setWindowFlags(Qt::CustomizeWindowHint|Qt::FramelessWindowHint);hide();
这一行代码，然后通过move函数调整页面在父窗口的显示位置，最后show函数进行展示。
我这个例子我觉得还是举例的比较简单，也比较能看的清，我知道有不足的，就是页面在进行切换后
，再切换回来的时候，页面内的一切会保持切换前的状态，也就是说感觉没有刷新，这个我后面会再想想，再改改的。

-------------------------------------------------------------------------------------------------------------------------------------------------------------现在已经不用QT了，那会想到的解决办法就是，假设从页面A切换到页面B的时候，将页面A直接delete掉，创建新的页面B，然后打开页面B，再从页面B切换到页面A的时候，将页面B直接delete掉，创建一个新的页面A，这个时候就是可以更新数据的，不管怎么切，数据都是最新的。