RadialGradient QML Type
A radial gradient shader effect. More...
| Import Statement: | import FluentUI.Controls 1.0 |
Properties
- cached : bool
- center : point
- centerRadius : real
- focal : point
- focalRadius : real
- gradientStops : list<GradientStop>
- source : Item
Detailed Description
RadialGradient applies a radial gradient shader effect to a source item, creating a circular gradient that transitions outward from a focal point. It supports customizable center, focal, radius, and gradient stops.
Property Documentation
cached : bool
Whether the shader output should be cached. When true, the effect result is cached in an offscreen buffer, which can improve performance when the source does not change frequently.
center : point
The center point of the gradient circle, specified as a fraction of the item dimensions (where 0,0 is the top-left and 1,1 is the bottom-right).
centerRadius : real
The radius of the gradient circle as a fraction of the item width. Defines the outer boundary of the gradient.
focal : point
The focal point of the gradient, specified as a fraction of the item dimensions. This is the point from which the gradient originates.
focalRadius : real
The radius of the focal point as a fraction of the item width. Defines the inner starting boundary of the gradient.
gradientStops : list<GradientStop>
The list of gradient stops that define the color transitions in the radial gradient. Each stop specifies a color and a position along the gradient radius.
source : Item
The source item to which the radial gradient effect is applied.