QML Rectangle 怎么设置颜色才不会影响子控件

在 QML 中，可以通过设置子控件的 color 属性或使用 Layer 组件来实现不受父控件颜色影响的效果。

方法一：设置子控件的 color 属性

如果你想让一个 Rectangle 父控件不影响子控件的颜色，可以在子控件中设置 color 属性，如下所示：

Rectangle {
    width: 200
    height: 200
    color: "red"

    Text {
        text: "Hello, World!"
        color: "white" // 设置子控件的颜色
    }
}

这样，子控件的颜色就不会受到父控件的影响，而保持自己设置的颜色。

方法二：使用 Layer 组件

QML 中的 Layer 组件可以将一个控件从其父控件中分离出来，形成一个新的图层，并且这个图层的 color 属性与父控件无关。因此，你可以将需要脱离父控件颜色影响的子控件放入 Layer 组件中。

以下是一个使用 Layer 组件实现不受父控件颜色影响的示例：

Rectangle {
    width: 200
    height: 200
    color: "red"

    Layer {
        Rectangle {
            width: 100
            height: 100
            color: "green"
        }
    }
}

在上面的示例中，将需要脱离父控件颜色影响的 Rectangle 控件放入了 Layer 组件中，并设置了其颜色为绿色。这样，子控件的颜色就不会受到父控件的影响，而保持自己设置的颜色。