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

Qt学习_11_构建内嵌子界面与独立子界面的框架

0 前言

对于较大的Qt项目而言,弹出的独立子界面 与 根据菜单在主窗口内切换的内嵌子界面是我们所必须面对的问题。那么在项目框架对这两部分内容应该如何布局,才能让项目更清爽更规整。是本文着重讨论的内容。下图给出我们的最终设计框架。

1 正文

1.1 独立子界面

1.1.1 创建

首先介绍独立子界面在项目中是如何被一步步创建的。

 

 

 

 

 

 

如上图所示点击完成按钮后,项目中就会生成 about.h about.cpp about.ui三个文件。

 

 一个项目中,可能会存在多个独立子界面,而所有与独立子界面相关的文件都被放到了IndependentSubUI文件夹下。这样做的好处是项目开发过程自己思路更清晰,他人阅读时祖宗被问候概率大幅下降。

1.1.2 使用

为了更好的介绍如何使用刚刚创建的子界面, 假设我们项目有一个需求,点击主界面的一个按钮,然后弹出刚才创建的子界面。

首先,在主界面放一个按钮

然后 转到槽…

 

 

 

 

运行结果,如下:

 

 

1.1.3 高级

前面1.1.1和1.1.2已经把最基本的内容说明白了, 本小节主要是补充一些大家都可能会需要注意的问题,比如

 

1.1.3.1 模态对话框(阻塞)

有一个种解决办法,就是把它的窗口模态类型设置成模态

void SubUIExample::on_pushButton_clicked()
{
    IndependetnSubUi_About = new About();
    IndependetnSubUi_About->setWindowModality(Qt::ApplicationModal);
    // Qt::ApplicationModal 模态
    // Qt::WindowModality   半模态
    // Qt::Qt::NonModal     非模态
    IndependetnSubUi_About->show();
}

 运行效果:

但这样做的坏处是,程序其他所有的功能我都不能用了,这有可能并不是我们所想要的。

1.1.3.2 非模态唯一对话框(并行)

如果从线程角度来讲,模态对话框实际上是线程阻塞的,也就是子对话框是一个线程,但是在创建这个子线程之后,父窗口就阻塞了;而非模态对话框则不是阻塞型的线程模型,父子线程可以并行运行

下面介绍的另一种办法,实现非阻塞式唯一子窗口。

刚刚成员变量的取名有点冗长,我换一种取名方式,在主窗口类.h声明两个成员变量

 

About * m_About;
QPointer<About> m_About_ptr = nullptr;

m是member的缩写。

非阻塞式的需要用到一个指针 m_About_ptr,根据指针是否为空,判断是否new一个新的独立子窗口。

void SubUIExample::on_pushButton_clicked()
{
    if(m_About_ptr == nullptr){
        m_About     = new About();
        m_About_ptr = m_About;
        m_About->setAttribute(Qt::WA_DeleteOnClose);
        m_About->show();
    }else{
        m_About = m_About_ptr.data();

        // 若子窗口已被最小化、最大化或未置于顶层,令其恢复正常显示,并且让焦点落在这个窗口里
        m_About->hide();
        m_About->showNormal();
    }
}

着重注意 m_About->setAttribute(Qt::WA_DeleteOnClose);这一行感觉挺重要

如果widget设置了Qt::WA_DeleteOnClose属性,当子窗口被关闭时,widget将会被释放。也就是m_About_ptr将会变成为空指针nullptr,不管widget是否可见,关闭事件都会传递给widget。即接收到QCloseEvent事件后,除了调用hide()方法将窗口隐藏,同时会调用deleteLater()方法将窗口释放掉,不会再占用资源。

调用close()不一定就会将窗口对象销毁。而只有设置了 Qt::WA_DeleteOnClose属性才会删除销毁。如果这个属性没有设置,close()的作用和hide(),setvisiblefalse)一样,只会隐藏窗口对象而已,并不会销毁该对象。

换句话说,如果没有这一行代码,你关闭了子窗口后,有可能打不开了。因为这个时候m_About_ptr不为空指针nullptr

1.1.3.3 关闭主窗口时同时关闭子窗口

另外,如果我要在关闭主窗口的时候,把独立非阻塞子窗口也关闭

在子窗口类的构造函数添加一行

this->setAttribute(Qt::WA_QuitOnClose,false);

在主窗口类的构造函数添加一行

this->setAttribute(Qt::WA_QuitOnClose,true);

1.2 内嵌子界面

内嵌子界面主要是为了实现类似网易云音乐的界面框架。如下图所示

 

左边是菜单,右边是对应不同菜单的内容。

本文想实现的是,主窗口右边嵌入的每个不同子界面,都对应一个独立的 .h .cpp 和 .ui。这会使后续开发和维护更便捷,因为这种方式会让你更容易定位你想要设计或修改的内容。

1.2.1 创建

首先创建3个内嵌子界面的类,操作和1.1.1类似,不过我们选择的文件夹不再是 IndependentSubUI,而是EmbeddedSubUI。

 

 

 

 

 

 打开主窗口ui(subuiexample.ui)添加三个按钮用于跳转页面,

1.2.2 关联

要实现本小节开篇所提的功能,我们需要使用Stacked Widget这个Container(容器)。然后把1.2.1创建的三个内嵌子界面,与Stacked Widget控件的3个页面关联上。

下面的操作很关键,就是如何把这三个页面,和我刚刚创建的三个内嵌子界面类关联上。

关联操作主要用到“提升为…”功能。

 

提升后, page的类就不再是QWidget,而是MyMusic了。

 

依次再把 page_2和page_3也提升。

 

1.2.3 切换 

以作区分。

打开主窗口ui(subuiexample.ui),添加点击按钮的槽函数

 

 

 

然后添加切换代码。

 

 下面给出修改方法。

 

 这下子清爽了。

最后看看运行效果:

1.2.4 高级

内嵌子界面的框架已经搭好了,但是内嵌子界面的大小与stacked Widget的大小并不是一样大的, 如何让各内嵌子页面的大小保持一致,如何让它们随着主窗口的大小变化而变化。

这是本小节想要给出的内容。

未完待续…  或者CSDN大佬帮我补充一下,截图手都截软了。

最后愿我们共同进步! 感谢您的阅读,欢迎留言讨论、收藏、点赞、分享。

 

 

 

 

 


http://www.kler.cn/a/1696.html

相关文章:

  • 机场安全项目|基于改进 YOLOv8 的机场飞鸟实时目标检测方法
  • Kafka配置公网或NLB访问(TCP代理)
  • OpenNJet v3.2.0正式发布!
  • Node.js 中 http 模块的深度剖析与实战应用
  • OpenHarmony通过挂载镜像来修改镜像内容,RK3566鸿蒙开发板演示
  • Python实现接口签名调用
  • html+css 实现 熊猫样式
  • 【Docker】镜像的原理定制化镜像
  • 极智AI | 百度推出文心一言,对标ChatGPT功力几成
  • 【AI大比拼】文心一言 VS ChatGPT-4
  • 网络作业1【计算机网络】
  • 面部表情识别3:Android实现表情识别(含源码,可实时检测)
  • YOLOv8 多目标跟踪
  • 【Unity3D】Unity3D中在创建完项目后自动创建文件夹列表
  • ABC294(A-E)
  • Redis的写时复制(Copy On Write),你真的了解么?
  • ARM uboot 的移植5 -从 uboot 官方标准uboot 开始移植
  • 第十四届蓝桥杯三月真题刷题训练——第 16 天
  • MYSQL之随机数生成、保留小数位、获取年龄
  • C++ 手写一个WebServer
  • 你需要知道的 7 个 Vue3 技巧
  • Javascript如何截取含有表情的字符串
  • 基于STM32的ADC采样及各式滤波实现(HAL库,含VOFA+教程)
  • int *p = a、p = a、*p = a
  • 最低仅需一张入门级显卡便可运行扩散模型AI作画——Stable Diffusion Webui试玩体验 文本生成图像扩散模型本机推理
  • 4.网络爬虫—Post请求(实战演示)