Qt--多頁(yè)面切換組件

一.多頁(yè)面切換組件

多頁(yè)面的切換在我們?nèi)粘５能浖褂弥惺鞘謴V泛的，有著很好的便捷性，下面一張圖片展示了多頁(yè)面的使用的便捷性

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

QTabWidget的使用方式
1.在應(yīng)用程序中創(chuàng)建QTabWidget的對(duì)象
2.將其他QWidget對(duì)象加入該對(duì)象中
實(shí)現(xiàn)過程
1.創(chuàng)建容器類的組件對(duì)象
2.將多個(gè)子組件在容器對(duì)象中布局
3.將容器對(duì)象加入QTabWidget中生成新的頁(yè)面

QTabWidget組件的基本用法

B.QTabWidget組件的高級(jí)用法
1.設(shè)置Tab標(biāo)簽的位置
2.設(shè)置Tab的外觀
3.設(shè)置Tab的可關(guān)閉模式
QTabWidget組件預(yù)定義的信號(hào)
void currentChange(int index)--當(dāng)前顯示的頁(yè)面發(fā)送變化，index為新頁(yè)面下標(biāo)
void tabCloseRequsted(int index)--位置為index頁(yè)面的關(guān)閉按鈕被點(diǎn)擊發(fā)出關(guān)閉請(qǐng)求
代碼示例

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的基本設(shè)置
    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("頁(yè)面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("頁(yè)面2");
    lbl->setAlignment(Qt::AlignCenter);

    btn->setText("頁(yè)面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()
{

}

運(yùn)行的結(jié)果如圖所示