1

Como criar uma máscara entre uma imagem importada para QML (ex.: um ícone png, jpeg, svg, etc...), e um elemento de user interface no background (ex.: um rectangle)?

1 Resposta 1

3

Podes usar o OpacityMask do Qml. Exemplo:

import QtQuick 2.0
import QtGraphicalEffects 1.0

Item {
    width: 300
    height: 300

    Image {
        id: bug
        source: "images/bug.jpg"
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
        visible: false
    }

    Image {
        id: mask
        source: "images/butterfly.png"
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
        visible: false
    }

    OpacityMask {
        anchors.fill: bug
        source: bug
        maskSource: mask
    }
}

Documentação: http://doc.qt.io/qt-5/qml-qtgraphicaleffects-opacitymask.html

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .