QML Image动态刷新图片来自C++的QImage的一个巨坑

最新推荐文章于 2025-05-15 14:05:16 发布

原创最新推荐文章于 2025-05-15 14:05:16 发布 · 6.6k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#qt #opencv #qml #c++ #QImage

编程专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种解决QML无法正确动态刷新来自C++的QImage的问题的方法。通过更改图片源地址确保每次都能从C++获取新的QImage，避免缓存导致的刷新失败。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近,需要在QML上显示来自OPenCV的摄像头视频,因为是视频,既好多好多图片,所以需要QML上动态刷新来自C++的QImage

具体怎么搞我就不再赘述,虽然资料不多,但是优快云上的一篇博客已经写得十分的清楚:

Qt C++发送图片到QML显示

但是!
我按照他们的方法,根本无法正常刷新图片,只能显示第一张!!!
我按照他们的方法,根本无法正常刷新图片,只能显示第一张!!!
我按照他们的方法,根本无法正常刷新图片,只能显示第一张!!!

后来….一段艰辛…..终于解决问题….记录与此,望其他小伙伴不要重蹈覆辙
在上面那篇博客,它的qml文件里是这么写的:

Image{
        id:img
        anchors.fill: parent
    }
    Connections{
        target: CodeImage
        onCallQmlRefeshImg:{
            img.source = ""
            img.source = "image://CodeImg"
        }
    }

并且提到:

注意，这里刷新图片的时候必须先设置为空img.source = “”，否则无法刷新。

其实,后面的版本中(我用的5.8),这样已经不行了,猜测是更新了缓存机制的原因
如果使用相同的地址去获取图片…那么就直接从缓存里拿,so,无法正常刷新,如果你想正常刷新,可以采取下面这种写法:

Image{
        id:img
        anchors.fill: parent
    }
    Connections{
        target: CodeImage
        onCallQmlRefeshImg:{
            img.source = "image://CodeImg/"+ Math.random()
        }
    }

这样,就能正常从C++那边获取QImage了~