结合设计师使用stackedWidget，整理不同界面文件，可界面切换显示

最新推荐文章于 2025-07-02 15:07:41 发布
最新推荐文章于 2025-07-02 15:07:41 发布
阅读量5.9k 收藏 37
点赞数 6
CC 4.0 BY-SA版权
分类专栏： qt 文章标签： qt  界面切换 stackedwidget
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42973043/article/details/82911137
本文介绍如何利用Qt的stackedWidget高效整合多个设计师界面，实现界面间的切换。通过提升为基类的方式将界面文件导入项目，设置按钮槽函数完成界面的显示。详细步骤包括界面布局、文件导入、提升类以及槽函数的编写，帮助开发者解决界面整合问题。

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

如何使用stackedWidget高效的进行界面切换，这在我刚使用QT的时候造成了很大的困扰。
如果要将别人的写好的很多个设计师界面类，整合到一个项目里面，并且可以显示这些界面，用这个方法是很方便的。现将方法整理如下。
如果加入的子界面较多，建议做好先做准备工作。
A 现将界面跳转的按钮拖进来，大小设置好，字体大小编辑好
B 再将按钮的槽函数提前写好，否则之后写的话 ，就进入不了槽函数。
1 首先建立一个新项目，基类选择widget，添加UI界面。
2在ui界面里面拖入
在这里插入图片描述
大小视情况自己设定。
3 将要添加到此项目里面的设计师界面类的文件（包括头文件、源文件、ui 文件）复制粘贴到此项目的路径里面。
4再回到项目的ui设计师界面，右击第一个page ,选择“提升为”；如图所示
在这里插入图片描述
会弹出一个子窗口，这个窗口用来输入你要添加进来的界面的信息。
在这里插入图片描述
基类名称：填写你要加进来的文件的基类；
提升类的名称：填写你要加进来的文件的类名，注意大小写，不知道的可以到源文件里复制粘贴，以免出错。
全局包含：选上
点击“添加”，再点击“提升”，这就把文件加进来了。
4 如果两个page不够用，可以继续添加page进来。右击stackedWidget，点击“插入页”，选择“在当页之后”

最低0.47元/天 解锁文章

200万优质内容无限畅学
在Qt上做了三个界面，但是运行时全都混在一起了，如何解决?
**My Coding Family**
07-04 831
🏆本文收录于 《全栈Bug调优(实战版)》 专栏，该专栏专注于分享我在真实项目开发中遇到的各类疑难Bug及其深层成因，并系统提供高效、可复现的解决思路和实操方案。无论你是刚入行的新手开发者，还是拥有多年项目经验的资深工程师，本专栏都将为你提供一条系统化、高质量的问题排查与优化路径，助力你加速成长，攻克技术壁垒，迈向技术价值最大化与职业发展的更高峰🚀！    📌 特别说明： 文中部分技术问题来源于真实生产环境及网络公开案例，均经过精挑细选与系统化整理，并结合多位一线资深架构师和工程师多年实战经验沉淀，提
Qt之堆栈窗口(QStackedWidget)
hw5230的博客
05-29 800
Qt之堆栈窗口(QStackedWidget)
Qt 页面切换之 QStackedWidget
风云的的博客
04-26 3022
创建了3个widget 分别为FirstPage SecondPage ThirdPage 每个页面嵌入一个label #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QStackedWidget> namespace Ui { class Widget; } class S...
【Qt】StackedWidget
LDan508的博客
04-22 1664
一个简单的堆栈窗口类： 左侧列表框会出现不同的选项，右侧显示所选的不同的窗体   #include #include "stackdlg.h" StackDlg::StackDlg(QWidget *parent) : QDialog(parent) { setWindowTitle(tr("StackedWidget")); list=new QLi
PyQt5-高级控件-容器StackedWidget
最新发布
cyh0301的博客
07-02 202
QStackedWidget使用QStackedLayout布局。QSTackedWidget控件与QTabWidget类似，可以有效的显示窗口的控件。QTackedWidget是一个堆栈窗口控件，可以填充一些小控件，但是同一时间只有一个小控件可以显示。
StackedWidget
weixin_47024662的博客
04-20 361
#include "stackdlg.h" #include <QListWidget> #include <QHBoxLayout> StackDlg::StackDlg(QWidget *parent) : QDialog(parent) { setWindowTitle("StackedWidget"); list=new QListWidget(this); list->insertItem(0,"window1");//在QListW
QT之多个界面相互切换 (stackedWidget控件)
chen1231985111的博客
08-02 1万+
QT之多个界面相互切换 (stackedWidget控件)
Qt_C++ StackedWidget
m0_70858758的博客
05-27 614
使用代码将按键与要显示的窗口进行连接connect(ui->btn_toolBox,&QPushButton::clicked,ui->stackedWidget,[=](){ui->stackedWidget->setCurrentIndex(2);5.Stacked Widget 栈窗口 ，可以将上述内容进行合并在一个窗口中显示，并可以通过按钮选择界面。添加内容：ui->comboBox->additems(name);加载动态图：ui->label_move->setMovie(m)
qt案例-界面切换2-Stacked Widget
m0_61060570的博客
12-29 1164
点击进入ui界面 ->选择Stacked Widget控件->点击栅格布局 使其默认显示界面1 ui->stackedWidget->setCurrentWidget(ui->page_1); widget.h #ifndef WIDGET_H #define WIDGET_H #include <QWidget> namespace Ui { class Widget; } class Widget : public QWidget {.
【PyQt】切换界面的实现
祖国花朵的博文
08-26 1440
界面切换的实现
UI设计师界面 提升窗口部件 干什么用的
12-29
这样的设计模式广泛应用于各种配置面板、文档编辑器以及多功能的应用程序界面之中，在这些地方用户可以通过点击不同的标签快速切换到所需的操作界面上去。 ```cpp // 添加两个 tab 到 QTabWidget 中 QTabWidget *...
Qt StackWidget切换动画！
06-20
头脑的智慧！前人之思想
同一个界面多窗口或者多页面切换（QStackedWidget）简单示例
03-26
同一个界面多窗口或者多页面切换（QStackedWidget）简单示例
栈部件（StackedWidget）
Jack Zheng's Blog
03-30 1616
上图~ 一个ListWidget，一个StackedWidget，右下角是QFrame 的四个属性，为了突出显示所以才这样设置！ 之后是重点~ 选中signal/slot编辑状态！ 进行这样的List信号和StackWidget槽的连接！ 效果>> （忽视to third Page） ...
PyQt5使用stackedWidget实现页面切换
暮川ovo的博客
11-10 5114
完整代码如下import sys以上便是本人的制作过程，如遇问题或者文章有错误可私信或者评论。
堆栈窗体StackedWidget
若有博文对您有帮助，欢迎点赞关注，收藏评论。
11-13 1772
堆栈窗体StackedWidget多与列表框QListWidget和下拉列表框QComboBox配合使用； stackeddialog.h #ifndef STACKEDDIALOG_H #define STACKEDDIALOG_H #include <QDialog> #include <QListWidget> #include <QStackedWidget> #include <QLabel> class StackedDialog : publ
C++ QT使用stackwidget实现页面切换（含源码）
qq_43847153的博客
08-11 1552
在QT中一个界面中如何实现页面的切换，而不是新弹出的窗口，这里采用的stackwidget，以层叠widget的方式选定页面索引从而实现页面切换。
[QT_039]Qt学习之堆栈控件和标签页控件（StackedWidget、TabWidget）
热门推荐
kongcheng253的博客
01-27 1万+
Qt学习之堆栈控件和标签页控件（StackedWidget、TabWidget）
qstackedwidget切换界面的大小与新设置的一致
03-29
<think>好的，我现在需要帮助用户解决QStackedWidget切换界面时窗口大小不一致的问题。首先，我要回忆一下QStackedWidget的基本用法和相关属性。用户提到切换页面后窗口大小不匹配，这可能是因为不同页面的尺寸不同，而QStackedWidget本身没有自动调整到当前页面的尺寸。 根据引用[1]，QStackedWidget的currentWidget()可以获取当前显示的页面，而setCurrentWidget()用于切换页面。但切换后，主窗口的大小可能没有更新，导致显示问题。用户需要让窗口大小适应新页面的尺寸。 接下来，我需要考虑如何获取新页面的合适尺寸。每个页面的理想大小可能由sizeHint()或minimumSizeHint()决定。在Qt中，这些方法提供了控件建议的大小。因此，当切换页面时，可以获取当前页面的建议大小，并调整主窗口的尺寸。 另外，引用[3]提到控件大小和背景图片的调整，可能涉及到布局和尺寸策略的设置。确保所有页面使用合适的布局管理器，这样它们的sizeHint()会更准确。如果某些页面没有使用布局，可能导致建议大小不准确，需要检查这一点。 然后，如何处理窗口调整？可能需要调用resize()函数，传入当前页面的建议大小。但要注意，如果窗口本身有布局管理，可能需要先调整布局，或者触发布局的更新。例如，调用adjustSize()方法，这会根据内容调整窗口大小。 引用[2]中的transposed()方法返回交换尺寸后的新对象，虽然这里可能不直接相关，但说明Qt中有处理尺寸的方法。可能需要结合当前页面的尺寸和窗口的当前设置来调整。 另外，引用[4]提到属性的RESET函数，虽然这里主要讨论属性系统，但可能涉及到窗口属性的恢复或重置，但暂时不相关。 步骤可能包括： 1. 在切换页面后，获取当前页面的建议大小。 2. 调整主窗口的大小以匹配这个建议大小。 3. 确保页面本身有正确的布局和尺寸策略，以便建议大小准确。 可能的代码示例是在切换页面后，调用类似resize(currentWidget()->sizeHint())的方法，或者使用adjustSize()。但需要测试哪种方法更有效。 此外，可能需要在页面切换的信号（比如currentChanged）中连接一个槽函数，自动调整窗口大小。例如，将currentWidgetChanged信号连接到调整大小的槽函数。 还需要考虑用户是否使用了布局管理器。如果主窗口有布局，可能需要先让布局生效，或者调用layout()->activate()，然后再调整窗口大小。 总结解决方案步骤： 1. 确保每个页面的布局正确，sizeHint()返回合适值。 2. 在切换页面后，立即获取当前页面的建议大小。 3. 调整主窗口的大小，可以使用resize()或adjustSize()。 4. 可能需要手动触发布局更新，确保尺寸计算正确。 测试时需要注意不同页面切换时的实际效果，是否存在延迟或闪烁，可能需要优化调整时的方法，比如在切换前预取尺寸，或者使用定时器延迟调整，但通常直接调用adjustSize()即可。 最后，根据这些思考，整理出具体的解决方法和代码示例，确保用户能够按照步骤操作，解决窗口大小不一致的问题。</think>### 解决QStackedWidget切换页面时窗口大小不一致的方法 #### 问题原因 当使用`QStackedWidget`切换不同页面时，若子页面尺寸差异较大，主窗口可能无法自动调整到新页面的理想尺寸，导致显示不全或留白。这是因为`QStackedWidget`默认不会主动通知父窗口调整尺寸[^3]。 #### 解决方案步骤 1. **统一页面尺寸策略** 确保所有子页面使用布局管理器（如`QVBoxLayout`、`QGridLayout`），并正确实现`sizeHint()`或`minimumSizeHint()`方法。布局管理器会自动计算合理尺寸，例如： ```cpp // 子页面构造函数中设置布局 QVBoxLayout *layout = new QVBoxLayout(this); layout->addWidget(new QLabel("示例内容")); setLayout(layout); ``` 2. **切换页面时主动调整窗口** 在切换页面的代码位置（如按钮点击事件或`currentChanged`信号）添加窗口尺寸调整逻辑。使用`adjustSize()`或手动计算尺寸： ```cpp // 方法1：自动调整窗口到合适尺寸 stackedWidget->setCurrentWidget(targetPage); parentWindow->adjustSize(); // 触发窗口重新计算布局 // 方法2：根据页面建议尺寸调整 QSize newSize = stackedWidget->currentWidget()->sizeHint(); parentWindow->resize(newSize); ``` 3. **强制布局更新（可选）** 若遇到尺寸延迟更新问题，可手动激活布局： ```cpp stackedWidget->currentWidget()->layout()->activate(); parentWindow->updateGeometry(); ``` #### 完整代码示例 ```cpp // 主窗口类成员函数 void MainWindow::switchPage(int index) { QWidget *targetPage = stackedWidget->widget(index); stackedWidget->setCurrentWidget(targetPage); // 方法1：自动调整 this->adjustSize(); // 方法2：精确调整（需确保子页面布局正确） // QSize pageSize = targetPage->sizeHint(); // this->resize(pageSize); } ``` #### 关键原理 - `adjustSize()`会递归计算所有子控件的布局，最终确定窗口最小合适尺寸[^3]。 - `sizeHint()`返回值依赖于控件的布局和内容，正确使用布局管理器是基础[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值