本文详细的介绍了QStackedWidget控件的各种操作，例如：、、、、、、、、、、、、样式表等操作。
本系列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 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 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博客
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信号槽
