渐变 QML 类型

定义一个渐变填充。 更多...

• 所有成员的列表，包括继承的成员

详细描述

渐变由两种或多种颜色定义，这些颜色将无缝混合。

颜色被指定为一组 GradientStop 子项，每个子项定义渐变中的位置（从 0.0 到 1.0）和颜色。每个 GradientStop 的位置通过设置其 position 属性来定义；其颜色通过其 color 属性定义。

请注意，这个项并不是渐变的视觉表示。要显示渐变，请使用支持渐变的可视项（如 Rectangle）。

示例用法

以下示例声明了一个 Rectangle 项，从红色开始，在矩形高度的 1/3 处过渡到黄色，并以绿色结束

Rectangle {
    width: 100; height: 100
    gradient: Gradient {
        GradientStop { position: 0.0; color: "red" }
        GradientStop { position: 0.33; color: "yellow" }
        GradientStop { position: 1.0; color: "green" }
    }
}

性能

计算渐变可能比使用纯色填充或图像更消耗计算资源。请考虑在用户界面中为静态项使用渐变。

在某些 Qt 许可协议下可用。
了解更多。