0
0

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     断点<[email protected]>
 * @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     断点<[email protected]>
 * @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博客

标签： qt ui
本文转载自: https://blog.csdn.net/qq_37529913/article/details/128312187
版权归原作者 双子座断点 所有， 如有侵权，请联系我们删除。
登录后发布评论

“QT QStackedWidget 控件 使用详解”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

零基础5分钟上手谷歌云GCP - 服务器自动扩展

Linux中使用Docker容器构建Tomcat容器完整教程

【每天学会一个渗透测试工具】SQLmap安装教程及使用

真正的IDEA在线版有多好用

【Linux 】开发利器：深度探索 Vim 编辑器的无限可能

vue路由和路由安装

基于Java+SpringBoot+Vue+MySQL的智能菜谱推荐管理系统

文章导航