angularGradient(_:center:startAngle:endAngle:)
An angular gradient, which applies the color function as the angle changes between the start and end angles, and anchored to a relative center point within the filled shape.
Declaration
static func angularGradient(_ gradient: AnyGradient, center: UnitPoint = .center, startAngle: Angle, endAngle: Angle) -> some ShapeStyle
Parameters
- gradient:
The gradient to use for filling the shape, providing the colors and their relative stop locations.
- center:
The relative center of the gradient, mapped from the unit space into the bounding rectangle of the filled shape.
- startAngle:
The angle that marks the beginning of the gradient.
- endAngle:
The angle that marks the end of the gradient.
Discussion
An angular gradient is also known as a “conic” gradient. If endAngle - startAngle > 2π, the gradient only draws the last complete turn. If endAngle - startAngle < 2π, the gradient fills the missing area with the colors defined by gradient stop locations at 0 and 1, transitioning between the two halfway across the missing area.
For example, an angular gradient used as a background:
ContentView()
.background(.angularGradient(.red.gradient))For information about how to use shape styles, see ShapeStyle.