[QT] 自转的圆形Image描画

最新推荐文章于 2023-08-09 10:23:45 发布

半闲居士吃螃蟹

最新推荐文章于 2023-08-09 10:23:45 发布

阅读量251

点赞数

分类专栏： QT 文章标签： QT qml

本文链接：https://blog.csdn.net/u010210864/article/details/80755303

版权

本文介绍如何利用QT QML的OpacitMask和PropertyAnimation组件，结合圆形图片作为遮罩，实现一个自转的圆形Image效果。通过设置动画让Image旋转，达到动态展示的目的。

摘要由CSDN通过智能技术生成

import QtGraphicalEffects 1.0

        Item{
            id:iIcon
            x:0
            anchors.verticalCenter: parent.verticalCenter
            width: 50
            height: 50

            Image
            {
                id:idefault
                source: "./2.png"
                anchors.fill: parent
                sourceSize: Qt.size(parent.width, parent.height)
                smooth: true
                visible: false
            }

            Image
            {
                id:imask
                source: "./b.png" // 圆形图片，模具宽50，高50
                anchors.fill: parent
                smooth: true
                visible: false
            }

            OpacityMask
            {
                id:iOpacityMask