将前景色添加到 Iteml QML

Question

我有一个项目，我已经把它变成了一个带有基于不同状态的动画的按钮。问题是，有时该按钮将被禁用，然后我希望它具有半透明的前景色以基本上将其遮蔽并表示该按钮已禁用。有没有办法对 QML 项目执行此操作？

Answer 1

如果我对你的问题的理解正确，你只需要添加一个只有在你的按钮被禁用时才可见的矩形。

Item {
    id: button

    Rectangle {
        anchors.fill: parent
        color: "red"
        opacity: 0.3
        z: 2   // <-- Make sure it stays on top of the rest of the content
        visible: !button.enabled
    }
}