ساخت عکس گرد در QML

Question

سلام دوستان چطوری میشه عکس رو به شکل دایره ای در QML نشون داد ؟ (مثل عکس پروفایل کاربر های تلگرام ؟ )

Answer 1

سلام از OpacityMask و استفاده از یک ماسک دایره ای بر روی تصویر استفاده کنین

Image{
        id:mainImage
        source:"/qt.jpg"
        visible: false
    }

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

    OpacityMask {
        visible: true
        anchors.fill: mainImage
        source: mainImage
        maskSource:roundMask
    }

 

(roundmask.png عکس یک دایره هست )