opacity - QML不透明度继承

Question

在QML中，如何防止子元素继承其父元素的不透明度？
我想为父元素和子元素设置不同的不透明度值。

Answer 1

实际上，为父元素设置layer.enabled: true对我有用。
将整个元素呈现到缓冲区，并将opacity应用于结果缓冲区（一次应用于整个层）。

见http://doc.qt.io/qt-5/qml-qtquick-item.html#layer.enabled-prop

示例代码：

Rectangle {
    width: 400
    height: 200
    opacity: 0.5
    layer.enabled: true
    Rectangle {
            width: parent.width
            height: parent.height
            color: 'red'
    }
    Rectangle {
            width: parent.width / 2
            height: parent.height
            color: 'blue'
    }
}

这是一个解决方案，但是请确保启用分层时您知道自己在做什么。

另一种可能的解决方案是使用shadereffect。

感谢＃qt @ freenode上的peppe。