QT之多个界面相互切换 (stackedWidget控件)

news2024/11/27 22:26:08

@TOC

在这里插入图片描述

Chapter1 QT之多个界面相互切换 (stackedWidget控件)

原文链接

stackedWidget控件：可以自由在多个widget切换，可以通过点击顶部菜单，显示不同界面，在实际开发中应用很广泛。

QStackedWidget是一个堆栈窗口控件，使用QStackedLayout布局，可以填充一些小控件，但同一时间只有一个小控件可以显示。QStackedWidget控件与QTabWidget类似，可以有效地显示窗口中的控件。QStackedWidget类实现组件层叠，但它是一个组件，而不是一个容器。

addWidget（QWidget widget） - 将一个组件添加到容器的末尾，返回添加组件的索引;

insertWidget（int index，QWidget widget） - 将组件添加到指定的容器位置，返回添加组件的索引;

setCurrentIndex (int index) - 将索引为index的组件设为可见，是个槽函数。

currentIndex () - 返回可见组件的索引;

setCurrentWidget(QWidget widget) - 将组件设为可见，是个槽函数。

currentWidget() - 返回可见组件;

stackingMode () - 返回层叠组件的可见方式;

count( ) - 返回容器中组件的数量;

widget (int index) - 返回索引值为index的组件。如果不存在，返回None.

QStackedWidget继承自QFrame。

QStackedWidget类提供了多页面切换的布局，一次只能看到一个界面。

QStackedWidget可用于创建类似于QTabWidget提供的用户界面。

1. 添加控件，在设计界面左侧添加 stackedWidget控件

在这里插入图片描述

2. 增加几个 widget 界面

在这里插入图片描述

3. 将这几个 widget 插入到 stackedWidget(非常重要，建议用 insertWidget)

首先定义一个枚举量，存放每个界面的编号

enum eStackedWidgetID{eForm1 = 0,eForm2,eForm3};  // 页码编号

在添加时候，建议用 insertWidget 而不用 addWidget，这样在切换界面时候不容易出错，调整顺序和增加新界面时候，只需修改上面的枚举，其他不用修改。

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
 
    m_form1 = new Form1(this);
    m_form2 = new Form2(this);
    m_form3 = new Form3(this);
 
    ui->stackedWidget->insertWidget(eForm1,m_form1);
    ui->stackedWidget->insertWidget(eForm2,m_form2);
    ui->stackedWidget->insertWidget(eForm3,m_form3);
 
    ui->stackedWidget->setCurrentIndex(eForm1);
}
 
MainWindow::~MainWindow()
{
    delete ui;
}
 
 
void MainWindow::on_pushButton_clicked()
{
    ui->stackedWidget->setCurrentIndex(eForm1);
}
 
void MainWindow::on_pushButton_2_clicked()
{
    ui->stackedWidget->setCurrentIndex(eForm2);
}
 
void MainWindow::on_pushButton_3_clicked()
{
     ui->stackedWidget->setCurrentIndex(eForm3);
}