stackWidget切换到指定页面-QT开发中文网

在 QStackedWidget 中，可以通过调用 setCurrentIndex(int index) 或 setCurrentWidget(QWidget *widget) 方法切换到指定的页面。

下面是一个示例，演示如何实现通过按钮点击切换到指定页面的功能：

示例代码

#include <QApplication>
#include <QMainWindow>
#include <QStackedWidget>
#include <QPushButton>
#include <QVBoxLayout>

class MainWindow : public QMainWindow {
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr) : QMainWindow(parent) {
        // 创建堆叠窗口部件
        stackedWidget = new QStackedWidget(this);

        // 创建两个示例页面
        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 *toPage1Button = new QPushButton("Go to Page 1", this);
        connect(toPage1Button, &QPushButton::clicked, this, &MainWindow::showPage1);

        QPushButton *toPage2Button = new QPushButton("Go to Page 2", this);
        connect(toPage2Button, &QPushButton::clicked, this, &MainWindow::showPage2);

        // 布局设置
        QVBoxLayout *layout = new QVBoxLayout;
        
        layout->addWidget(stackedWidget);
        layout->addWidget(toPage1Button);
        layout->addWidget(toPage2Button);

        QWidget *centralWidget = new QWidget(this);
        centralWidget->setLayout(layout);
        
        setCentralWidget(centralWidget);
    }

private slots:
    void showPage1() {
         stackedWidget->setCurrentIndex(0); // 切换到第一页（索引为0）
     }

     void showPage2() {
         stackedWidget->setCurrentIndex(1); // 切换到第二页（索引为1）
     }

private:
    QStackedWidget *stackedWidget;
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    
    MainWindow window;
    window.resize(400, 300);
    window.show();

    return app.exec();
}

#include "main.moc"

关键点说明：

创建多个页面：使用 QWidgets 来表示不同的内容区域。
按钮连接：创建两个按钮，通过信号与槽机制连接每个按钮点击事件，使其分别跳转到不同的页面。
切换逻辑：
- 在 showPage1() 和 showPage2() 槽函数中，调用 stackedWidget->setCurrentIndex(index) 方法，根据传入的索引值来切换显示的页面。