詳解Qt中QStackedWidget控件的使用

更新時間：2023年02月26日 08:25:13 作者：音視頻開發(fā)老舅

這篇文章主要為大家詳細(xì)介紹了Qt中QStackedWidget控件的具體使用，文中的示例代碼講解詳細(xì)，具有一定的借鑒價值，需要的可以參考一下

引言

QStackedWidget繼承自QFrame。

QStackedWidget類提供了多頁面切換的布局，一次只能看到一個界面。

QStackedWidget可用于創(chuàng)建類似于QTabWidget提供的用戶界面。

先來看看QTabWidget控件的效果：

需要注意的是： QTabWidget的currentTabText用于修改名稱。在插入頁中插入新的界面。

QStackedWidget的屬性

1?、接口（方法）

int addWidget(QWidget * widget) 添加頁面，并返回頁面對應(yīng)的索引
int count() const 獲取頁面數(shù)量
int currentIndex() const 獲取當(dāng)前頁面的索引
QWidget * currentWidget() const 獲取當(dāng)前頁面
int indexOf(QWidget * widget) const 獲取QWidget頁面所對應(yīng)的索引
int insertWidget(int index, QWidget * widget) 在索引index位置添加頁面
void removeWidget(QWidget * widget) 移除QWidget頁面，并沒有被刪除，只是從布局中移動，從而被隱藏。
QWidget * widget(int index) const 獲取索引index所對應(yīng)的頁面

2?、信號

void currentChanged(int index) 當(dāng)前頁面發(fā)生變化時候發(fā)射，index為新的索引值
void widgetRemoved(int index) 頁面被移除時候發(fā)射，index為頁面對應(yīng)的索引值

3?、共有槽函數(shù)

void setCurrentIndex(int index) 設(shè)置索引index所在的頁面為當(dāng)前頁面
void setCurre使用ntWidget(QWidget * widget) 設(shè)置QWidget頁面為當(dāng)前頁面

一般情況，使用QStackedWidget常用的兩種方式：

根據(jù)currentWidget()來判斷當(dāng)前頁面，然后通過setCurrentWidget()來設(shè)置需要顯示的頁面。

根據(jù)currentIndex()來判斷當(dāng)前頁面索引，然后通過setCurrentIndex()來設(shè)置需要顯示的頁面。

實例演示

（實現(xiàn)QTabWidget的效果，用按鈕觸發(fā)切換界面）

編輯ui界面

編輯代碼（連接信號槽）

#include "layout.h"
#include"qlabel.h"
#include"qstackedwidget.h"
#include"qpushbutton.h"
#pragma execution_character_set("utf-8")
Layout::Layout(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);
    connect(ui.btn1, &QPushButton::clicked, [=]() {
        ui.stackedWidget->setCurrentIndex(1);
        });
 
    connect(ui.btn2, &QPushButton::clicked, [=]() {
        ui.stackedWidget->setCurrentIndex(2);
        });
 
    connect(ui.btn3, &QPushButton::clicked, [=]() {
        ui.stackedWidget->setCurrentIndex(0);
        });
}