[QT]QT教程之实例分析[五]堆栈窗体 (QStackedWidget)

最新推荐文章于 2025-05-24 21:40:11 发布

siren0203

最新推荐文章于 2025-05-24 21:40:11 发布

阅读量9.1k

点赞数

CC 4.0 BY-SA版权

文章标签： qt list layout signal

本文链接：https://blog.youkuaiyun.com/siren0203/article/details/5661663

QT 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个使用Qt实现的堆栈窗口(StackedWidget)示例。通过组合多个 QLabel 组件，利用 QStackedWidget 控件实现了选项卡式的内容切换效果。文章提供了完整的头文件与实现代码，并展示了如何通过 QListWidget 控制不同页面间的切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

重点知识已近在代码里注释...

请仔细看代码

本文原创.

转载请保留此链接 http://blog.youkuaiyun.com/siren0203

头文件

stack.h

#ifndef STACK_H #define STACK_H #include <QDialog> #include <QObject> class QLabel; class QListWidget; class QStackedWidget; class StackDlg:public QDialog{ Q_OBJECT public: StackDlg(QWidget *parent=0); QLabel *label1; QLabel *label2; QLabel *label3; QListWidget *list; QStackedWidget *stack; }; #endif // STACK_H

实现代码

main.cpp

#include <QApplication> #include <QStackedWidget> #include <QListWidget> #include <QHBoxLayout> #include <QLabel> #include "stack.h" StackDlg::StackDlg(QWidget *parent):QDialog(parent){ setWindowTitle(tr("Stacked Widget")); //创建ComboBox 并插入三个选项 list=new QListWidget(this); list->insertItem(0,tr("window 0")); list->insertItem(1,tr("window 1")); list->insertItem(2,tr("window 3")); //创建堆栈窗口显示的三层窗体 label1=new QLabel(this); label1->setText("this is label1"); label2=new QLabel(this); label2->setText("this is label2"); label3=new QLabel(this); label3->setText("this is label3"); //创建一个堆栈窗体 stack=new QStackedWidget(this); //将LABEL窗体添加到堆栈窗体 stack->addWidget(label1); stack->addWidget(label2); stack->addWidget(label3); //布局管理 QHBoxLayout *layout=new QHBoxLayout(); layout->addWidget(list); //添加list layout->addWidget(stack); //添加stack layout->setStretchFactor(list,1);//设置 list所占的位置 layout->setStretchFactor(stack,3);//设置 stack所占的位置 layout->setMargin(5); layout->setSpacing(10); //将ComboBox 变化信号关联到堆栈窗体槽 connect(list,SIGNAL(currentRowChanged(int)),stack,SLOT(setCurrentIndex(int))); setLayout(layout); } int main(int argc,char ** argv){ QApplication app(argc,argv); StackDlg dlg; dlg.show(); return app.exec(); }

效果图