Qt实现两个窗口重叠,下层播放视频,上次透明显示方框

本文主要是介绍Qt实现两个窗口重叠,下层播放视频,上次透明显示方框,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近要实现一个功能,在播放着的视频上动态显示方框,类似于深度学习物体识别中经常见到的方框图。如下图:

动手!

1、

下层窗口播放视频,上次透明画方框

    setWindowFlags(Qt::FramelessWindowHint); 
    setAttribute(Qt::WA_TranslucentBackground);//窗口设置透明

设置完运行 ?!  Qt控件在透明窗口之下没被遮挡,但也没有视频界面

 挪开方框一看,果然是被挡住了。。

2、在网上看到一篇文章,感觉能解释清楚这个问题(正确性不敢保证)

windows下的透明是通过layered window实现的. Qt的透明窗口也是如此, 属于directui. 整个窗口只有一个winId(windows下即HWND). 
但是 opengl和directx都需要一个handle来绘制渲染. 
而Qt的窗口中, 如果某个子Widget获取了winid. 则打破"directui". 窗口中的所有widget都会拥有handle. 
因此透明窗口是无法单独把某个widget交给opengl或direcxt渲染的. 

那是不是可以通过分离这两个窗口,做成两个独立窗口来显示。(子窗口独立构造,设置parent为空)

任务栏显示两个图标,只需要在子窗口的windowFlags中加入Qt::SubWindow。

点击主窗口按钮又会将子窗口挡在后面,再加入Qt::WindowStaysOnTopHint,哎,可以了

!!!!

emmmm,好吧,还是不行,就算可以在父窗口hideevent中设置子窗口同时hide,但是!

子窗口置顶还是过于影响体验。

3、开启一系列尝试,听说可以将父窗口指针放入子窗口构造,设置raise()

---Raises this widget to the top of the parent widget's stack.

(这是跟上一条相违背。父子窗口不能有联系。)还有试过stackUnder(childWidget);重写事件event强行将子窗口置于上方都无法做到能用的程度。

4、翻阅无数网页,最终看到了某位大佬的回复


将视频上面的控件设置为Tooltip + 透明背景。另外,控件设为tooltip之后,它的坐标就不再跟随父窗口而是全局。因此需要对它的坐标做特殊的处理。
借用大佬的截图(在视频上覆盖一层透明控件,根据鼠标操作在上面画虚线框):

果然是解决了(注意:这边还是要将父窗口放入子窗口的构造函数中)

看一下文档

指示该小部件是工具窗口。 工具窗口通常是一个比通常的标题栏和装饰要小的小窗口,通常用于工具按钮的集合。 如果有父级,则工具窗口将始终保留在其顶部。 如果没有父窗口,您也可以考虑使用Qt :: WindowStaysOnTopHint。 如果窗户系统支持它,则可以用较轻的框架装饰工具窗口。 它也可以与Qt :: FramelessWindowHint结合使用。

在Mac OS X上,工具窗口对应于窗口的浮动类。 这意味着该窗口位于普通窗口之上的水平; 无法在其顶部放置普通窗口。 默认情况下,当应用程序处于非活动状态时,工具窗口将消失。 这可以由Qt :: WA_MacAlwaysShowToolWindow属性控制。

      实现原理我也无从找起,看后半段文档的意思,应该有点类似Qt::WindowStaysOnTopHint,只不过是在这父子窗口的小世界里设置了子窗口置顶。(注意关联父子窗口的hide时间,不然会出现子窗口出现在本应用的其他界面之上)。

这篇关于Qt实现两个窗口重叠,下层播放视频,上次透明显示方框的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/653198

相关文章

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Docker部署Jenkins持续集成(CI)工具的实现

《Docker部署Jenkins持续集成(CI)工具的实现》Jenkins是一个流行的开源自动化工具,广泛应用于持续集成(CI)和持续交付(CD)的环境中,本文介绍了使用Docker部署Jenkins... 目录前言一、准备工作二、设置变量和目录结构三、配置 docker 权限和网络四、启动 Jenkins

Python3脚本实现Excel与TXT的智能转换

《Python3脚本实现Excel与TXT的智能转换》在数据处理的日常工作中,我们经常需要将Excel中的结构化数据转换为其他格式,本文将使用Python3实现Excel与TXT的智能转换,需要的可以... 目录场景应用:为什么需要这种转换技术解析:代码实现详解核心代码展示改进点说明实战演练:从Excel到

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

C# string转unicode字符的实现

《C#string转unicode字符的实现》本文主要介绍了C#string转unicode字符的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随... 目录1. 获取字符串中每个字符的 Unicode 值示例代码:输出:2. 将 Unicode 值格式化

python安装whl包并解决依赖关系的实现

《python安装whl包并解决依赖关系的实现》本文主要介绍了python安装whl包并解决依赖关系的实现,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录一、什么是whl文件?二、我们为什么需要使用whl文件来安装python库?三、我们应该去哪儿下

Python脚本实现图片文件批量命名

《Python脚本实现图片文件批量命名》这篇文章主要为大家详细介绍了一个用python第三方库pillow写的批量处理图片命名的脚本,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录前言源码批量处理图片尺寸脚本源码GUI界面源码打包成.exe可执行文件前言本文介绍一个用python第三方库pi

Java中将异步调用转为同步的五种实现方法

《Java中将异步调用转为同步的五种实现方法》本文介绍了将异步调用转为同步阻塞模式的五种方法:wait/notify、ReentrantLock+Condition、Future、CountDownL... 目录异步与同步的核心区别方法一:使用wait/notify + synchronized代码示例关键

Nginx实现动态封禁IP的步骤指南

《Nginx实现动态封禁IP的步骤指南》在日常的生产环境中,网站可能会遭遇恶意请求、DDoS攻击或其他有害的访问行为,为了应对这些情况,动态封禁IP是一项十分重要的安全策略,本篇博客将介绍如何通过NG... 目录1、简述2、实现方式3、使用 fail2ban 动态封禁3.1 安装 fail2ban3.2 配