Qt 使用一个QLabel 半透明图片叠加 显示

该文章介绍了如何通过设置QImage的透明度并利用QPainter进行绘制,实现两张图片在QLabel上的渐变过渡效果。代码示例展示了如何根据标志位控制从一张图片渐变到另一张图片,并提到了QPainter的组合模式在图像混合中的应用,如正片叠底模式。

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

效果

在这里插入图片描述
效果演示是设置QImage1与QImage2的透明度均为0.5(0为完全透明,1为不透明),叠加在一起的图片

实现

以下代码实现在QLabel上展现QImage1与QImage2的透明过渡渐变效果(falg为方向控制,
falg=False时,由leave图像渐变到enter图像
falg=True时,由enter图像渐变到leave图像)

def img_gradient(self,flag)
        size=self.me_size
        leave=self.image_leave.scaled(size,Qt.KeepAspectRatioByExpanding,Qt.SmoothTransformation)
        enter=self.image_enter.scaled(size,Qt.KeepAspectRatioByExpanding,Qt.SmoothTransformation)

        image=QImage(size,QImage.Format.Format_ARGB32)
        painter=QPainter(image)
        for i in range(101):
            image.fill(Qt.transparent)
            painter.setOpacity(((100+flag+i*(flag*2-1))%101)*0.01)
            painter.drawImage(0,0,leave)
            
            painter.setOpacity(((101-flag+i*(1-flag*2))%101)*0.01)
            painter.drawImage(0,0,enter)

            self.setPixmap(QPixmap(image))
            self.repaint()

        painter.end()

杂谈

网络上有许多调用painter.setCompositionMode(mode)的方法来实现图像混合
关于两个ARGB的颜色如何叠加,知乎上的一篇文章介绍的很好

在这里插入图片描述
实际上,对于普通的颜色叠加,也就是图中Normal的效果,在QPainter中同一位置绘制两张图片就好了
而如果想要正片叠底(multiply)则需要先

painter.setCompositionMode(QPainter.CompositionMode.CompositionMode_Multiply)

QPainter.CompositionMode.CompositionMode_DestinationIn之类的模式则是设置图片之间有覆盖时的处理方式,详细内容参考这篇文章

结语

如有建议或优化思路,欢迎评论指正或私信
如果本篇文章对你有帮助,请不要吝啬你的点赞。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BrokenClient

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值