当前位置: 首页 > news >正文

C++ QT使用stackwidget实现页面切换(含源码)

C++ QT使用stackwidget实现页面切换(含源码)

  • 0.前言
  • 1.UI布局
    • 1.1使用stackwidget
  • 2.代码方式添加页面实现页面切换
  • 3.源码
  • 4.最终效果

0.前言

在QT中一个界面中如何实现页面的切换,而不是新弹出的窗口,这里采用的stackwidget,以层叠widget的方式选定页面索引从而实现页面切换。

1.UI布局

1.1使用stackwidget

首先新建个项目,采用mainwindow和widget均可,主要是展示页面切换的组件,带不带菜单栏都无影响。
在这里插入图片描述
在控件当中搜索stackwidget,从而可以拖动设计stackwidget位置,stackwidget右上角便是stackwidget索引切换,默认生成是两个页面,通过左右键切换从而在不同的页面上实现控件管理。
如果想添加页面的话可以在QT designer里面直接添加:
在这里插入图片描述
到此为止,我们空白的页面上有了一个stackwidget,里面存放有两个空白的页面,为了方便辨别以及后续的代码化使用,这里针对每个页面摆放了一个按钮和一个标签,如下图所示,并且为了后续使用,对控件进行改名:
在这里插入图片描述目前除了第三个界面依旧为空,其余两个界面均含有label标记。

2.代码方式添加页面实现页面切换

在stackwidget中代码化添加页面的方式也较为简单,步骤为:新建页面->页面上摆好布局及控件->stackwidget加入该页面,使用的话和ui设计页面同理,均为设置stackwidget索引即可。

    QWidget* pageThree = new QWidget();QLabel* labelThree = new QLabel(pageThree);labelThree->setText("第三个页面");// 采用水平布局存放labelQHBoxLayout *layout = new QHBoxLayout(pageThree);layout->addWidget(labelThree);layout->setAlignment(Qt::AlignCenter);pageThree->setLayout(layout);// 新添加的页面默认在最后,索引为2ui->sta
http://www.lryc.cn/news/421230.html

相关文章:

  • 打工人上班适合用的蓝牙耳机推荐?几款开放式耳机推荐
  • 一款.NET开发的AI无损放大工具
  • 编程新手必看:彻底理解!与~的取反操作
  • 【LeetCode】54. 螺旋矩阵
  • 计算机毕业设计 奖学金评定管理系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
  • 【JavaWeb项目】——外卖订餐系统之商家添加餐品、修改餐品、查询热卖餐品、查询出售车、进行发货操作
  • 制作抖音私信卡片 - 一键调起并跳转微信二维码
  • 赋能未来园区:TSINGSEE视频AI智能管理平台如何引领园区管理智慧化转型
  • Linux逻辑卷管理LVM
  • 团队诊断工具TDS
  • DC-5靶机渗透测试
  • 16、电科院FTU检测标准学习笔记-基本性能2
  • MySQL——使用Python操作MySQL
  • Flink的DataStream状态管理
  • Daiqile SQL注入绕过
  • 用Python轻松移除PDF中的注释
  • 51单片机—串口
  • vue 通过 this.$refs 创建方法i向子组件传参让子组件更新
  • Java设计模式以及代理模式
  • Elasticsearch 索引库管理:查询、修改与删除
  • 视频大怎么压缩小?分享3种视频压缩方法
  • springboot项目搭建集成 redis/跨域/远程请求
  • lvs详解及实例配置
  • DAY41-动态规划-买卖股票
  • 【C#】StringComparer
  • 阿里云服务器远程登录问题解决指南
  • Datawhale X 魔搭 AI夏令营(2024第四期)AIGC方向 学习笔记
  • VScode前端环境搭建
  • Python自动化测试之selenium - 元素定位
  • 深入探索 npm cache clean --force:清理 npm 缓存的艺术