Qt 如何全局定义渐变颜色？

我的QML中有梯度，如下例所示。是否可以在QML中全局定义颜色“#1AD6FD”或“#1D62F0”

gradient: Gradient {
    GradientStop { position: 0.00; color: "#1AD6FD"  }
    GradientStop { position: 1.00; color: "#1D62F0" }
}

---

您可以像这样在任何QML对象上定义自定义属性

Rectangle {
    id: root

    // you can define your on custom properties like this
    property color gradientColor1: "#1AD6FD"
    property color gradientColor2: "#1D62F0"
}

然后在任何其他可以访问通过id定义的对象的项目中使用它

Item {
    gradient: Gradient {
        GradientStop { position: 0.00; color: root.gradientColor1 }
        GradientStop { position: 1.00; color: root.gradientColor1 }
    }
}

如果您愿意重用，您还可以全局定义整个渐变

如果您希望从其他QML文件访问属性，有多种方法可以做到这一点。如果您有权访问QML根对象，那么您也可以从其他文件访问其属性，或者您可以定义一个全局JavaScript库，其中包含一些颜色值常量，但我认为不包括整个QML对象（仅限于纯JS）

另一种简单的方法是定义一个独立的QML对象，该对象只包含项目的一些全局属性，并将其包含在其他QML文件中，仅使用一个id来引用它，这可能是最简单的解决方案

只需定义一个带有一些属性的空QML项，如上面的矩形示例，并将其包含在其他QML文件中，如下所示

Rectangle {
    id: root

    // include your custom QML global item (GlobalProperties.qml)
    GlobalProperties {
        id: globalProperties
    }

    // then you can use it like before, i.e.
    color: globalProperties.gradientColor1 // color prop from your GlobalProperties.qml
}

---

确定可以将其定义为全局属性吗？@xander我该怎么做以及如何使用它？你能给我一个例子，这样我就可以把它标记为答案。这取决于你的QML和你想在哪里使用你的颜色，如果它只是在一个QML文件中，你可以在根项目中定义它，我可以用一个例子写一个小的答案。不，我有3个QML页面。我必须为3个页面设置相同的颜色。我添加了一个小示例，并介绍了如何从多个文件中访问这些值，但这取决于您的项目。我想，这是可行的。最后一件事。如何为我的项目定义一个只有一些全局属性的独立QML对象，并将其包含在我的其他QML文件中？就像您的其他QML文件一样，只需使用一个项作为根上下文并将其包含在您的其他QML文件中，我将在回答中添加一个示例。添加了示例，我认为这很容易理解，但是你必须用QML做一点实验来理解它。如果您有更多问题，只需提问。gradientColor1颜色适用，但与页面中的所有其他项目重叠：（确实如此？如果您有一个根本不应该可见的空项，但您可以尝试将

QtObject

作为根类型，如果您只需要一些属性，它可能会起作用。最后，如果包含的对象干扰您的布局（通常不应该），您可以在GlobalProperties对象上设置

可见：false

。