The Gradient item defines a gradient fill. More...
A gradient is defined by two or more colors, which will be blended seemlessly. The colors are specified at their position in the range 0.0 - 1.0 via the GradientStop item. For example, the following code paints a rectangle with a gradient starting with red, blending to yellow at 1/3 of the size of the rectangle, and ending with Green:
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" } } }
Note that this item is not a visual representation of a gradient. To display a gradient use a visual item (like rectangle) which supports having a gradient set on it for display.
See also GradientStop.
read-onlystops : list<GradientStop> |
This property holds the gradient stops describing the gradient.