ui 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 代码实现

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 其它文章：

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(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.

* @file mainwindow.h

* @project stackedWidget_Test

* @version V 1.0

* @author 断点

* @date 2022/12/14

* @history

*****************************************************************************/

#ifndef MAINWINDOW_H

#define MAINWINDOW_H

#include

#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.

* @file mainwindow.cpp

* @project stackedWidget_Test

* @version V 1.0

* @author 断点

* @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(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博客

好文阅读

评论可见，请评论后查看内容，谢谢！！！

您阅读本篇文章共花了：

金钥匙

ui QT QStackedWidget 控件使用详解

ui 开发语言 QT 之自动滚动区QScrollArea

vue.js javascript elementui element ui 树状表格选择父节点子节点全选，子节点不全选父节点半选

发表评论取消回复

金钥匙

ui QT QStackedWidget 控件 使用详解

ui 开发语言 QT 之自动滚动区QScrollArea

vue.js javascript elementui element ui 树状表格选择父节点子节点全选，子节点不全选父节点半选

相关文章

发表评论取消回复

ui QT QStackedWidget 控件使用详解