QT Creator中Stacked Widget实现多界面的跳转

最新推荐文章于 2025-06-20 09:05:31 发布
最新推荐文章于 2025-06-20 09:05:31 发布
阅读量2.8k 收藏 18
点赞数
CC 4.0 BY-SA版权
分类专栏： 代码展示 qt简单学习 文章标签： qt 窗口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Printf_y/article/details/83347404
本文介绍了在不使用多个UI界面的情况下，如何在QT Creator中利用Stacked Widget组件来实现界面的跳转。通过在主窗口中添加Stacked Widget并插入页面，然后为每个页面配置相应的按钮，实现简单的前后切换效果。这种方法对于初学者来说既直观又实用。

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

Qt在不使用双ui界面的情况下实现界面的跳转

作为QT Creator的初学者，在设置ui界面时总是会遇到一些有设计想法但不知道具体流程的情况，初学者最基础的就是只做一个界面，所有的按键都排布在一个ui界面下，若界面实现的功能多，那按键就一定会混杂，或者实现的功能需要一个整页的文本框，这样就限制了程序的编写与设计，这样，在网上可以查询到如何设置两个ui界面，但我今天所写的是利用第二种方法实现：Stacked Widget

QT中具体实现步骤

这里把具体的创建工程等步骤给省略掉，直接进入重点（笔者使用的是最普通的QWidget）
在这里插入图片描述

向主窗体中拖拽一个Stacked Widget部件，默认是两个页面，需要多页面时可以右键->插入页。
使用Stacked Widget部件拖拽大小，将整个主窗覆盖，之后向几个页面中添加几个需要的按键。如下图：
在这里插入图片描述
/*******************************************************************************/
在这里插入图片描述
这里笔者选用两个页面，分别在界面上放置一个按键，并在第一个界面上添加了一个文本框（不重要，只是为了好区分），这样ui界面就搭建好了；

代码展示

最低0.47元/天 解锁文章

200万优质内容无限畅学
C++ QT使用stackwidget实现页面切换（含源码）
qq_43847153的博客
08-11 1500
在QT中一个界面中如何实现页面的切换，而不是新弹出的窗口，这里采用的stackwidget，以层叠widget的方式选定页面索引从而实现页面切换。
【Qt】StackedWidget
LDan508的博客
04-22 1658
一个简单的堆栈窗口类： 左侧列表框会出现不同的选项，右侧显示所选的不同的窗体   #include #include "stackdlg.h" StackDlg::StackDlg(QWidget *parent) : QDialog(parent) { setWindowTitle(tr("StackedWidget")); list=new QLi
《Qt5：同一个界面多窗口或者多页面切换（QStackedWidget）》
GodLei1995
03-26 1万+
QStackedWidget可用于创建类似于QTabWidget提供的用户界面。之前要显示不同的内容，都是通过创建子窗口的方式来实现的，这种是属于弹窗式，而QStackedWidget可以实现同一界面切换不同的窗口，相当于把弹窗式的子窗口都绑定到了一个统一的区域，直接切换就可以显示不同子窗口的内容，但是每次只能显示一个子窗口，这个和弹窗不一样。 完整代码下载 百度网盘链...
QStackedWidget 详解
最新发布
抟土成人祖，炼石补青天。眼中览银河，手可摘星辰。
06-20 556
详解: 它是一个一次只显示一页的堆叠式容器，用于在同一区域展示不同视图。设置分页 (重点)创建你想要的页面（推荐为每个页面创建一个QWidget子类）。使用将这些页面实例添加到中，并记住返回的索引。设置页面内容* * 这与无关，你只需像设计普通QWidget一样，在你的页面上添加控件和布局即可。实现导航本身不带导航功能。你需要自己创建等导航控件。将这些控件的信号（如clicked()）连接到的槽 `setCurrentIndex(int或上，以实现页面切换。
QStackedWidget——一个界面中多页面切换
twtongwei的博客
06-25 3960
二、方法二：使用StackedWidget(Ui设计)一、方法一：用.hide()和.show().hide()：隐藏。.show()：显示。
StackedWidget
weixin_47024662的博客
04-20 358
#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_C++ StackedWidget
m0_70858758的博客
05-27 606
使用代码将按键与要显示的窗口进行连接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 Creator快速入门_第三版(霍亚飞）学习中踩过的坑
data333的博客
11-01 5428
1.程序的运行 写好的helloworld程序可以编译，但是生成的可执行文件helloworld.exe文件无法运行，弹出无法定位程序输入__gxx_personality_v0的错误。 解决办法：将C:\Qt\Qt5.11.3\5.11.3\mingw53_32\bin目录下的 libstdc++ -6.dll 文件同时放到C:\Windows\System32 和 C:\Windows\Sys...
结合设计师使用stackedWidget，整理不同界面文件，可界面切换显示
qq_42973043的博客
09-30 5893
如何使用stackedWidget高效的进行界面切换，这在我刚使用QT的时候造成了很大的困扰。 如果要将别人的写好的很多个设计师界面类，整合到一个项目里面，并且可以显示这些界面，用这个方法是很方便的。现将方法整理如下。 1 首先建立一个新项目，基类选择widget，添加UI界面。 2在ui界面里面拖入 大小视情况自己设定。 3 将要添加到此项目里面的设计师界面类的文件（包括头文件、源文件、ui ...
写一段代码，用QT实现两个页面相互跳转
09-14
首先，你需要在 QT Creator 中创建一个 QWidget 类的窗口，然后在其中添加两个 QPushButton 对象，分别用于跳转到两个不同的页面。你还需要创建两个 QWidget 类的页面，用于显示在窗口中。 下面是一个示例代码，...
QT上位机开发
嵌入式分享
05-27 5989
本文只介绍Windows的QT上位机开发，以串口为例，QT版本为5.15。
QT的多界面StackedWidge布局
qq_52137592的博客
05-20 2510
在实际应用中，经常会遇到如图中这类页面，点击左侧按钮或菜单，右侧区域（红色框内）会切换不同页面的内容，在QT中，就可以使用StackedWidge来实现这种布局。简单来说，StackedWidge布局，是一个用于管理和显示多个页面的控件。所有页面堆叠在一起，但一次只显示其中一个，常用于用户需要在不同的视图或页面之间来回切换。
Qt--堆栈窗口（QStackedWidget）的使用
热门推荐
CoDiNg LiFe
01-11 2万+
前言： 最近开发上位机需要用到切换窗口的功能，Qt上有多种方法可以实现窗口的切换，其中Qt提供了QStackedWidget类，可以方便地实现窗口切换。 QStackedWidget，顾名思义，就是将widget存放再堆栈中，每个widget都有索引，可以指定索引来显示某一层的widget。以下例程中，使用QListWidget来选择要显示的页面。 Qt Creator提供了丰富的示例和教程
利用qt中的控件stackedWidget来实现界面的切换
Littlehero_121的博客
11-20 7061
一、首先界面布局大概是这样的，如图： 二、 界面三，则需要重新生成一个Qt 设计师界面类 的带界面的文件，这个界面就是命名为form，在ui中进行布局如图所示： //定义一个指针 Form *Form_ui; 三、在mainwindow.h文件中，我们先需要对form类进行实例化，所以在mainwindow中定义指针，并进行初始化，在按钮的点击事件中进行调用stacke...
栈部件（StackedWidget）
Jack Zheng's Blog
03-30 1613
上图~ 一个ListWidget，一个StackedWidget，右下角是QFrame 的四个属性，为了突出显示所以才这样设置！ 之后是重点~ 选中signal/slot编辑状态！ 进行这样的List信号和StackWidget槽的连接！ 效果>> （忽视to third Page） ...
QT中的StackedWidget控件，通过绑定键盘事件实现窗口的滑动切换
weixin_42473339的博客
02-21 2914
StackedWidget是一个，它允许我们在里面堆叠多个页面或者面板，并且每个页面内部都可以有自己的布局和内容。
Qt——P28 Stacked Widget控件
qq_41902836的博客
07-20 230
#include "widget.h" #include "ui_widget.h" #include <QListWidget> Widget::Widget(QWidget *parent) : QWidget(parent) , ui(new Ui::Widget) { ui->setupUi(this); //Stacked Widget的使用 //设置page1为默认打开页面 ui->stackedWidget->
QT之多个界面相互切换 (stackedWidget控件)
宁静致远的博客
11-03 5288
QStackedWidget是一个堆栈窗口控件，使用QStackedLayout布局，可以填充一些小控件，但同一时间只有一个小控件可以显示。QStackedWidget类实现组件层叠，但它是一个组件，而不是一个容器。stackedWidget控件： 可以自由在多个widget切换，可以通过点击顶部菜单，显示不同界面，在实际开发中应用很广泛。- 将一个组件添加到容器的末尾，返回添加组件的索引;- 将组件添加到指定的容器位置，返回添加组件的索引;- 将索引为index的组件设为可见，是个槽函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值