径向渐变 QML 类型

径向渐变。 更多信息...

导入声明import QtQuick.Shapes 1.7
继承

ShapeGradient

属性

详细描述

径向渐变在形状项中在焦点圆和中心圆之间插值颜色。位于由两个圆定义的圆锥之外的点将是透明的。

在端点之外,渐变的处理方式取决于扩散类型:填充、反射或重复。

下面是一个简单径向渐变的示例。这里颜色是在指定的点和由半径指定的圆的终点之间插值的

fillGradient: RadialGradient {
    centerX: 50; centerY: 50
    centerRadius: 100
    focalX: centerX; focalY: centerY
    GradientStop { position: 0; color: "blue" }
    GradientStop { position: 0.2; color: "green" }
    GradientStop { position: 0.4; color: "red" }
    GradientStop { position: 0.6; color: "yellow" }
    GradientStop { position: 1; color: "cyan" }
}

还支持具有单独焦点圆的扩展径向渐变。

注意:径向渐变仅在形状项的组合中使用。与 Rectangle 不兼容,因为 Rectangle 仅支持 Gradient

另请参阅:QRadialGradient

属性文档

centerX : 实数

centerY : 实数

focalX : 实数

focalY : 实数

这些属性定义了中心和焦点点。为了指定简单的径向渐变,分别将 focalXfocalY 设置为 centerXcenterY 的值。


centerRadius : 实数

focalRadius : 实数

这些属性定义了中心和焦距半径。对于简单的径向渐变,focalRadius 应设置为 0(默认值)。


© 2024 Qt公司有限公司。本文件中包含的文档贡献都属于各自所有者的版权。本文件提供的文档按照自由软件基金会发布的GNU自由文档许可协议第1.3版的条款进行许可。Qt及其相关标志是Qt公司在芬兰以及其他国家/地区的商标。商标归Qt公司所有。所有其他商标均为其各自所有者所有。