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關聯起來。當用戶點擊列表中的某個條目時，我們會將其對應的窗口小部件顯示出來。