Qt学习

您所在的位置:网站首页 qt嵌入网页 Qt学习

Qt学习

2024-07-06 02:02| 来源: 网络整理| 查看: 265

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 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(),setvisible(false)一样,只会隐藏窗口对象而已,并不会销毁该对象。

换句话说,如果没有这一行代码,你关闭了子窗口后,有可能打不开了。因为这个时候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大佬帮我补充一下,截图手都截软了。

2024-1-4补充:

补充说明一个很细节的东西,内嵌子界面在布局的时候不要做全局布局,可ctrl+A 选中所有元素来做一个布局。 否则会和主界面的全局布局产生冲突。

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3