【Qt Quick】设置圆形图片

非西昂

已于 2022-02-28 14:18:17 修改

阅读量1.9k

点赞数

分类专栏： Qt Quick 文章标签： Qt 图形效果圆形图片 OpacityMask Rectangle

于 2022-02-28 14:18:07 首次发布

本文链接：https://blog.csdn.net/weixin_44697562/article/details/123181486

版权

Qt Quick 专栏收录该内容

62 篇文章 4 订阅

订阅专栏

简介

随便准备一张图片，只有矩形的，我想加载成圆形。
引入：import QtGraphicalEffects 1.0

        Rectangle{
            id:rect_Logo
            width: parent.width * 0.3
            height: parent.width * 0.3
            radius: width / 2
            color: "#FE958F"
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            anchors.verticalCenterOffset: -100
            visible: false
        }
        Image{
            id:image_Logo
            anchors.centerIn: rect_Logo
            source: "Images/OIP-C.jpg"
            visible: false
            smooth:true
        }
        OpacityMask {
            anchors.fill: rect_Logo
            source: image_Logo
            maskSource: rect_Logo
        }