C++ QT 点击按钮触发槽函数，切换栈提升的界面-QT开发中文网

在使用 Qt 的 C++ 开发中，你可以通过点击按钮来触发槽函数，并切换 QStackedWidget 中的界面。下面是一个简单的示例，演示了如何实现这一功能。

步骤：

创建 Qt 项目：
- 使用 Qt Creator 创建一个新的 Widgets Application。
添加必要的控件：
- 在主窗口中添加一个 QStackedWidget 和几个按钮用于切换界面。
设置 UI：
- 假设我们有两个 QWidget 作为不同的页面，可以命名为 Page1 和 Page2。
实现逻辑：

示例代码：

// main.cpp
#include <QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

// mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QStackedWidget>
#include <QPushButton>

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private slots:
    void showPage1();
    void showPage2();

private:
    QStackedWidget *stackedWidget;
};

#endif // MAINWINDOW_H

// mainwindow.cpp
#include "mainwindow.h"
#include <QVBoxLayout>

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent)
{
    stackedWidget = new QStackedWidget(this);
    
    // 创建页面1和页面2
    QWidget *page1 = new QWidget();
    page1->setStyleSheet("background-color: lightblue;");
    
    QWidget *page2 = new QWidget();
    page2->setStyleSheet("background-color: lightgreen;");

    stackedWidget->addWidget(page1);
    stackedWidget->addWidget(page2);

    // 按钮设置
    QPushButton *button1 = new QPushButton("Show Page 1", this);
    QPushButton *button2 = new QPushButton("Show Page 2", this);

    connect(button1, &QPushButton::clicked, this, &MainWindow::showPage1);
    connect(button2, &QPushButton::clicked, this, &MainWindow::showPage2);

    // 布局设置
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(button1);
    layout->addWidget(button2);
    
    QWidget *container = new QWidget();
    
	// Add the stacked widget to the layout.
	layout->addWidget(stackedWidget); 
	container->setLayout(layout);
	setCentralWidget(container);

	// 默认显示第一个页面
	stackedWidget->setCurrentIndex(0);
}

void MainWindow::showPage1()
{
	stackedWidget->setCurrentIndex(0);  // 切换到第一个页面
}

void MainWindow::showPage2()
{
	stackedWidget->setCurrentIndex(1);  // 切换到第二个页面 
}

说明：

在上述代码中，我们创建了一个 QStackedWidget 来存放多个页面。
使用两个按钮 (button1 和 button2) 来分别切换到 page1 和 page2。
每当点击按钮时，都会调用相应的槽函数（如 showPage1() 或 showPage2()），并通过调用 stackedWidget->setCurrentIndex(index) 方法来更改当前显示的页。