StackedWidget控件详解

一、StackedWidget的介绍

StackedWidget（叠加窗口小部件）是常用的窗口小部件之一，它为用户提供了将多个窗口小部件堆叠在一起显示的功能，用户可以通过点击选项卡或其他控件，在不同的视图之间切换。StackedWidget比多窗口应用程序更简单、更轻量级，适用于需要快速切换视图的情况。

二、StackedWidget的基本用法

在Qt中，使用StackedWidget非常简单。首先，我们需要在UI设计器中将StackedWidget控件拖入窗口中。然后，在代码中，我们可以使用以下语句来添加和显示不同的窗口小部件：

ui->stackedWidget->addWidget(widget); 
ui->stackedWidget->setCurrentWidget(widget);

其中，addWidget()函数将widget添加到StackedWidget中，setCurrentWidget()函数将widget显示出来。

三、StackedWidget的高级用法

除了基本用法之外，StackedWidget还有许多高级用法。

1、切换动画

默认情况下，StackedWidget只会简单地切换不同的窗口小部件。但是，我们可以为其添加切换动画，来提高用户体验。以下是一个简单的例子：

QStackedWidget* stackedWidget = new QStackedWidget(); 
QStackedWidget::Slide* slide = new QStackedWidget::Slide(stackedWidget);
stackedWidget->setStackingMode(QStackedWidget::Stacked);
stackedWidget->setStyleSheet("background-color: white;");
stackedWidget->addWidget(w1);
stackedWidget->addWidget(w2);
slide->setDuration(400);
stackedWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
stackedWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
stackedWidget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
stackedWidget->setFrameStyle(QFrame::NoFrame);

以上代码中，我们使用Slide动画模式，并将其持续时间设置为400毫秒。

2、自定义选项卡

StackedWidget默认使用的选项卡样式可能不适合你的设计，你可以自定义选项卡的样式。以下是一个例子：

QTabWidget* tabWidget = new QTabWidget(this);
tabWidget->setTabBar(new MyTabBar(tabWidget));
tabWidget->addTab(new QLabel("hello"), "Hello");
tabWidget->addTab(new QLabel("world"), "World");

以上代码中，我们使用了一个自定义的TabBar，并将其设置为tabWidget的选项卡栏。可以通过重写TabBar的paintEvent()函数来定制TabBar的外观。

3、嵌套StackedWidget

有时候，我们需要在一个StackedWidget中嵌套另一个StackedWidget以实现更复杂的交互效果。以下是一个例子：

QStackedWidget* parentStackedWidget = new QStackedWidget(); 
QStackedWidget* childStackedWidget = new QStackedWidget(parentStackedWidget);
parentStackedWidget->addWidget(childStackedWidget);

QWidget* w1 = new QWidget();
QWidget* w2 = new QWidget();
QWidget* w3 = new QWidget();
childStackedWidget->addWidget(w1);
childStackedWidget->addWidget(w2);
parentStackedWidget->addWidget(w3);

parentStackedWidget->setCurrentWidget(childStackedWidget);
childStackedWidget->setCurrentWidget(w1);

以上代码中，我们首先创建了一个parentStackedWidget和一个childStackedWidget。childStackedWidget作为parentStackedWidget的一个子窗口，我们可以在childStackedWidget中添加更多的窗口小部件。最后，我们将childStackedWidget的一个窗口小部件设置为默认显示的窗口。

4、使用QListWidget作为选项卡

除了使用默认的选项卡样式之外，我们还可以使用QListWidget来作为StackedWidget的选项卡。以下是一个例子：

QListWidget* listWidget = new QListWidget(this);
listWidget->addItem("Hello");
listWidget->addItem("World");

QStackedWidget* stackedWidget = new QStackedWidget(this);
stackedWidget->addWidget(new QLabel("Hello, world!"));
stackedWidget->addWidget(new QLabel("Goodbye, world!"));

connect(listWidget, &QListWidget::currentRowChanged, stackedWidget, &QStackedWidget::setCurrentIndex);

QHBoxLayout* layout = new QHBoxLayout();
layout->addWidget(listWidget);
layout->addWidget(stackedWidget);
setLayout(layout);

以上代码中，我们首先创建了一个QListWidget作为选项卡，然后将其与StackedWidget关联起来。当用户点击列表中的某个条目时，我们会将其对应的窗口小部件显示出来。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/193377.html