1、多頁面切換元件
多頁面的切換在我們日常的軟體使用中是十分廣泛的,有着很好的便捷性,下面一張圖檔展示了多頁面的使用的便捷性
可以看到用滑鼠點選不同的标題時會出現不同的頁面内容
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()
{
}
運作的結果如圖所示