Qt学习 |
您所在的位置:网站首页 › qt嵌入网页 › Qt学习 |
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 |