qt - 如何在图像中设置渐变不透明度？

Question

如何使图像在 qml 中淡出？我如何实现这种效果？在这里我附上我想要的样子

Answer 1

一个可能的解决方案是使用 OpacityMask 与 LinearGradient 作为来源

import QtQuick 2.9
import QtQuick.Window 2.2
import QtGraphicalEffects 1.0

Window {
    visible: true
    width: 600
    height: 600
    title: qsTr("Hello World")
    Image {
        id: input
        source: "input.jpg"
        anchors.fill: parent

        OpacityMask {
            source: mask
            maskSource: input
        }

        LinearGradient {
            id: mask
            anchors.fill: parent
            gradient: Gradient {
                GradientStop { position: 0.2; color: "transparent"}
                GradientStop { position: 0.5; color: "white" }
            }
        }
    }
}

输入:



输出: