Qt--多頁面切換組件

一.多頁面切換組件

多頁面的切換在我們日常的軟件使用中是十分廣泛的，有著很好的便捷性，下面一張圖片展示了多頁面的使用的便捷性

可以看到用鼠標點擊不同的標題時會出現不同的頁面內容
A.Qt中的多頁面切換組件QTabWidget
Qt中為多頁面切換的實現提供了一個專門的類QTabWidget,,它可以實現能夠在同一個窗口中自由切換不同頁面的內容，并且是一個容器類型的組件，提供友好的頁面切換方式，在QTabWidget類中提供了很多在工程中實用的函數，比如設置Tab標簽的位置void? setTabPosition(TabPosition)(North South West East),設置Tab的外觀?void? setTabShape(),設置Tab的可關閉模式void setTabsClosable()等各種在實際應用中用的較多的函數，具體的函數可以在Qt助手進行查詢。
QTabWidget的使用方式--在Qt中的應用程序中創建QTabWidget的對象，將其他的QWiget對象加入該對象中(在QTabWidget對象中加入一個組件將生成一個新的頁面，同時QTabWidget對象每次只能加入一個QWiget對象)，但是在實際的使用中每個頁面會有多個的子組件，這時應該在工程中創建容器類型的組建對象，將多個子組件在容器對象中布局，最后將容器對象加入QTabWidget中生成新的頁面.
1.能夠在同一窗口中自由切換不同頁面的內容
2.是一個容器類型的組件，同時提供友好的頁面切換方式

QTabWidget的使用方式
1.在應用程序中創建QTabWidget的對象
2.將其他QWidget對象加入該對象中
實現過程
1.創建容器類的組件對象
2.將多個子組件在容器對象中布局
3.將容器對象加入QTabWidget中生成新的頁面

QTabWidget組件的基本用法

B.QTabWidget組件的高級用法
1.設置Tab標簽的位置
2.設置Tab的外觀
3.設置Tab的可關閉模式
QTabWidget組件預定義的信號
void currentChange(int index)--當前顯示的頁面發送變化，index為新頁面下標
void tabCloseRequsted(int index)--位置為index頁面的關閉按鈕被點擊發出關閉請求
代碼示例

Widget.h
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTableWidget>

class Widget : public QWidget
{
    Q_OBJECT

    QTabWidget m_tabWidget;
protected slots:
    void onTabCurrentChanged(int index);
    void onTabCloseRequested(int index);
public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif // WIDGET_H

Widget.cpp
#include "Widget.h"
#include <QPlainTextEdit>
#include <QLabel>
#include <QPushButton>
#include <QVBoxLayout>
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    //QTabWidget的基本設置
    m_tabWidget.setParent(this);
    m_tabWidget.move(10, 10);
    m_tabWidget.resize(200, 200);
    m_tabWidget.setTabPosition(QTabWidget::North);
    m_tabWidget.setTabShape(QTabWidget::Triangular);
    m_tabWidget.setTabsClosable(false);

    QPlainTextEdit* edit = new QPlainTextEdit(&m_tabWidget);
    edit->insertPlainText("頁面1");

    m_tabWidget.addTab(edit, "1st");

    QWidget* widget = new QWidget(&m_tabWidget);
    QVBoxLayout* layout = new QVBoxLayout();
    QLabel* lbl = new QLabel(widget);
    QPushButton* btn = new QPushButton(widget);

    lbl->setText("頁面2");
    lbl->setAlignment(Qt::AlignCenter);

    btn->setText("頁面2");

    layout->addWidget(lbl);
    layout->addWidget(btn);

    widget->setLayout(layout);

    m_tabWidget.addTab(widget, "2nd");

    m_tabWidget.setCurrentIndex(1);

    connect(&m_tabWidget, SIGNAL(currentChanged(int)), this, SLOT(onTabCurrentChanged(int)));
    connect(&m_tabWidget, SIGNAL(tabCloseRequested(int)), this, SLOT(onTabCloseRequested(int)));
}

void Widget::onTabCurrentChanged(int index)
{
    qDebug() << "Page change to: " << index;
}

void Widget::onTabCloseRequested(int index)
{
    m_tabWidget.removeTab(index);
}

Widget::~Widget()
{

}

運行的結果如圖所示