QT QStackedWidget 控件使用详解

本文详细的介绍了QStackedWidget控件的各种操作，例如：新建界面、页面切换、添加页面、addWidget、count、currentIndex 、currentWidget、indexOf、insertWidget、removeWidget、widget、setCurrentIndex 槽函数、setCurrentWidget 槽函数、currentChanged 信号、widgetRemoved 信号、样式表等操作。
本系列QT全面详解文章目前共有十八篇，本系列文章较为详细的讲述了QT控件的基础操作和使用，也谢谢大家的关注、点赞、收藏。

本文作者原创，转载请附上文章出处与本文链接。

QT QStackedWidget 控件使用详解目录

1 新建界面

2 页面切换

2.1 插入第三页

2.2 代码实现


//    connect(ui->pushButton, &QPushButton::clicked, [=]() {
//        ui->stackedWidget->setCurrentIndex(1);
//        });

//    connect(ui->pushButton_2, &QPushButton::clicked, [=]() {
//        ui->stackedWidget->setCurrentIndex(2);
//        });

//    connect(ui->pushButton_3, &QPushButton::clicked, [=]() {
//        ui->stackedWidget->setCurrentIndex(0);
//        });
}

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


void MainWindow::switchPage(){
    QPushButton *button = qobject_cast<QPushButton*>(sender());
    if(button==ui->pushButton)
        ui->stackedWidget->setCurrentIndex(0);
    else if(button==ui->pushButton_2)
        ui->stackedWidget->setCurrentIndex(1);
    else if(button==ui->pushButton_3)
        ui->stackedWidget->setCurrentIndex(2);

    int i = 0;
    ui->stackedWidget->widget(i);
}


void MainWindow::on_pushButton_clicked()
{
    switchPage();
}

void MainWindow::on_pushButton_2_clicked()
{
    switchPage();
}

void MainWindow::on_pushButton_3_clicked()
{
    switchPage();
}

3 添加页面

3.1 新建界面

新建一个QT设计师界面 newWidgetDialog

3.2 代码实现

#include "newwidgetdialog.h"

newWidgetDialog *widgetDialog;

widgetDialog = new newWidgetDialog();
qDebug() << "页面索引: " << ui->stackedWidget->addWidget(widgetDialog);


 ui->stackedWidget->setCurrentIndex(3);

4 所有函数

4.1 addWidget

添加页面，并返回页面对应的索引

qDebug() << "页面索引: " << ui->stackedWidget->addWidget(widgetDialog);

4.2 count

获取页面数量

qDebug() << "页面索引总数: " << ui->stackedWidget->count();

4.3 currentIndex

获取当前页面的索引

qDebug() << "获取当前页面的索引: " << ui->stackedWidget->currentIndex();

4.4 currentWidget

获取当前页面

qDebug() << "获取当前页面: " << ui->stackedWidget->currentWidget();

4.5 indexOf

获取QWidget页面所对应的索引

qDebug() << "获取QWidget页面所对应的索引: " << ui->stackedWidget->indexOf(ui->page);

4.6 insertWidget

在索引index位置添加页面

    /* 在当前索引位置添加页面 (添加完后原有页面向后挪动) */
    ui->stackedWidget->insertWidget(0,widgetDialog);

4.7 removeWidget

移除QWidget页面，并没有被删除，只是从布局中移动，从而被隐藏。

 ui->stackedWidget->removeWidget(ui->page);



/* 在当前索引位置添加页面 (添加完后原有页面向后挪动) */
ui->stackedWidget->insertWidget(0,ui->page);

4.8 widget

返回索引值为index的组件

    qDebug() << ui->stackedWidget->widget(0);
    qDebug() << ui->stackedWidget->widget(100);

5 槽函数

. 槽函数有两个，分为 setCurrentWidget 、 setCurrentIndex 一个是根据索引来显示页面，一个是根据窗口部件来显示页面

5.1 setCurrentIndex

索引设置当前显示页

ui->stackedWidget->setCurrentIndex(2);

5.2 setCurrentWidget

窗口部件设置当前显示页

ui->stackedWidget->setCurrentWidget(ui->page_2);

6 信号槽

6.1 currentChanged

当前页面发生变化时候发射，index为新的索引值

6.2 widgetRemoved

页面被移除时候发射，index为页面对应的索引值

private slots:

    void currentChanged(int index);

    void widgetRemoved(int index);

connect(ui->stackedWidget, SIGNAL(currentChanged(int)), SLOT(currentChanged(int )));
connect(ui->stackedWidget, SIGNAL(widgetRemoved(int)), SLOT(widgetRemoved(int )));



void MainWindow::currentChanged(int index)
{
    qDebug() << "页面发生变化: " << index;
}

void MainWindow::widgetRemoved(int index)
{
    qDebug() << "页面被移除: " << index;
}

7 .h

/******************************************************************************
 * Copyright CSDN 双子座断点 Co., Ltd.
 * Copyright www.dreambeging.vip Co., Ltd.
 * All right reserved. See COPYRIGHT for detailed Information.
 *
 * @file       mainwindow.h
 * @project    stackedWidget_Test
 * @version    V 1.0
 *
 * @author     断点<dream.2017@qq.com>
 * @date       2022/12/14
 * @history
 *****************************************************************************/

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QDebug>
#include "newwidgetdialog.h"

#pragma execution_character_set("utf-8")
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void on_pushButton_clicked();

    void on_pushButton_2_clicked();

    void on_pushButton_3_clicked();

    void on_pushButton_4_clicked();

    void currentChanged(int index);

    void widgetRemoved(int index);


private:
    Ui::MainWindow *ui;

    void switchPage();


    newWidgetDialog *widgetDialog;

    QString Title;
    QString Version;
    QString BlogText;
};
#endif // MAINWINDOW_H

8 .cpp

/******************************************************************************
 * Copyright CSDN 双子座断点 Co., Ltd.
 * Copyright www.dreambeging.vip Co., Ltd.
 * All right reserved. See COPYRIGHT for detailed Information.
 *
 * @file       mainwindow.cpp
 * @project    stackedWidget_Test
 * @version    V 1.0
 *
 * @author     断点<dream.2017@qq.com>
 * @date       2022/12/14
 * @history
 *****************************************************************************/

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    ui->stackedWidget->setStyleSheet("#stackedWidget{border:2px solid rgb(45,226,42);"
                                                "border-top-left-radius: 5px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 5px;}");


    Title = "QT QStackedWidget  CSDN 双子座断点 ";
    Version = "V 1.0 ";
    BlogText = "https://blog.csdn.net/qq_37529913?type=lately/";
    setWindowTitle(Title + Version + BlogText);


    widgetDialog = new newWidgetDialog();
    qDebug() << "页面索引: " << ui->stackedWidget->addWidget(widgetDialog);


    connect(ui->stackedWidget, SIGNAL(currentChanged(int)), SLOT(currentChanged(int )));
    connect(ui->stackedWidget, SIGNAL(widgetRemoved(int)), SLOT(widgetRemoved(int )));




//    connect(ui->pushButton, &QPushButton::clicked, [=]() {
//        ui->stackedWidget->setCurrentIndex(1);
//        });

//    connect(ui->pushButton_2, &QPushButton::clicked, [=]() {
//        ui->stackedWidget->setCurrentIndex(2);
//        });

//    connect(ui->pushButton_3, &QPushButton::clicked, [=]() {
//        ui->stackedWidget->setCurrentIndex(0);
//        });
}

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


void MainWindow::currentChanged(int index)
{
    qDebug() << "页面发生变化: " << index;
}

void MainWindow::widgetRemoved(int index)
{
    qDebug() << "页面被移除: " << index;
}



void MainWindow::switchPage(){
    QPushButton *button = qobject_cast<QPushButton*>(sender());
    if(button==ui->pushButton)
        ui->stackedWidget->setCurrentIndex(0);
    else if(button==ui->pushButton_2)
        ui->stackedWidget->setCurrentIndex(1);
    else if(button==ui->pushButton_3)
        ui->stackedWidget->setCurrentIndex(2);

    int i = 0;
    ui->stackedWidget->widget(i);
}


void MainWindow::on_pushButton_clicked()
{
    switchPage();
}

void MainWindow::on_pushButton_2_clicked()
{
    switchPage();
}

void MainWindow::on_pushButton_3_clicked()
{
    switchPage();
}

void MainWindow::on_pushButton_4_clicked()
{

    //ui->stackedWidget->setCurrentIndex(3);


    //qDebug() << "页面索引总数: " << ui->stackedWidget->count();

   // qDebug() << "获取当前页面的索引: " << ui->stackedWidget->currentIndex();

    //qDebug() << "获取当前页面: " << ui->stackedWidget->currentWidget();

    //qDebug() << "获取QWidget页面所对应的索引: " << ui->stackedWidget->indexOf(ui->page);

    /* 在当前索引位置添加页面 (添加完后原有页面向后挪动) */
    //ui->stackedWidget->insertWidget(0,widgetDialog);

    ui->stackedWidget->removeWidget(ui->page_3);

//    qDebug() << ui->stackedWidget->widget(0);
//    qDebug() << ui->stackedWidget->widget(100);

//    ui->stackedWidget->insertWidget(0,ui->page);

    //qDebug() << "页面索引总数: " << ui->stackedWidget->stackingMode();

    //qDebug() << "获取可见索引: " << ui->stackedWidget->currentWidget();



    //ui->stackedWidget->setCurrentIndex(2);

    //ui->stackedWidget->setCurrentWidget(ui->page_2);
}

9 样式表

QT 控件重绘_双子座断点的博客-CSDN博客_qt 重绘

QT 样式表_双子座断点的博客-CSDN博客

QT 样式表属性完整版_双子座断点的博客-CSDN博客

Qt 系统字体_双子座断点的博客-CSDN博客

10 其它文章：

QT TextEdit控件_双子座断点的博客-CSDN博客_qt textedit

QT QComboBox使用详解_双子座断点的博客-CSDN博客

QT QtableView操作详解_双子座断点的博客-CSDN博客_qtableview增删改查

Qt QStandardItemModel(1.超级详细用法)_双子座断点的博客-CSDN博客_qstandardmodel

Qt QStandardItemModel(2.超级详细函数)_双子座断点的博客-CSDN博客_qstandarditemmodel点击事件

QT QRadioButton使用详解_双子座断点的博客-CSDN博客_qt radiobutton

QT QLineEdit使用详解_双子座断点的博客-CSDN博客_qt qlineedit

Qt QMessageBox使用详解_双子座断点的博客-CSDN博客_qt message

QChart折线图、饼状图、条形图、曲线图_双子座断点的博客-CSDN博客_qchart样式

QChart属性详解_双子座断点的博客-CSDN博客_setanimationoptions

QCharts QValueAxis使用_双子座断点的博客-CSDN博客_qvalueaxis

Qt 5 等待提示框(开源动态图)_双子座断点的博客-CSDN博客_qt 等待对话框

QtDataVisualization 数据3D可视化_双子座断点的博客-CSDN博客_qtdatavisualizatio

QT QSpinBox 整数计数器控件使用详解_双子座断点的博客-CSDN博客

QT QDoubleSpinBox 浮点计数器控件(使用详解)_双子座断点的博客-CSDN博客_qdoublespinbox信号槽

QT QSlider、QHorizontalSlider、QVerticalSlider 控件使用详解_双子座断点的博客-CSDN博客

1 新建界面

2 页面切换

2.1 插入第三页

2.2 代码实现

3 添加页面

3.1 新建界面

3.2 代码实现

4 所有函数

4.1 addWidget

4.2 count

4.3 currentIndex

4.4 currentWidget

4.5 indexOf

4.6 insertWidget

4.7 removeWidget

4.8 widget

5 槽函数

5.1 setCurrentIndex

5.2 setCurrentWidget

6 信号槽

6.1 currentChanged

6.2 widgetRemoved

7 .h

8 .cpp

9 样式表

10 其它文章 ：

10 其它文章：