Structure¶
RadialGradient¶
A radial gradient that applies the color function as the distance from a center point, scaled to fit within the defined start and end radii.¶
Declaration¶
@frozen struct RadialGradient : ShapeStyle, View
Overview¶
A Radial Gradient is very similar to a LinearGradient, but instead of defining starting and ending points, it is necessary to define a start radius, an end radius and the center of the gradient.
The gradient is drawn as circular around the center, moving outwards to the end radius. RadialGradient accepts a UnitPoint for the center of the gradient and CGFloat for radius in points.
For example,
struct RadialView: View {
let gradient = Gradient(colors: [.red, .yellow])
var body: some View {
Rectangle()
.fill( RadialGradient(gradient: gradient, center: .center, startRadius: 1, endRadius: 100))
.frame(width: 200, height: 200)
}
}

The gradient applies the color function as the distance from a center point, scaled to fit within the defined start and end radii. The gradient maps the unit-space center point into the bounding rectangle of each shape filled with the gradient.
Availability¶
iOS 13.0+
macOS 10.15+
tvOS 13.0+
watchOS 6.0+
Topics¶
Initializer¶
init(gradient:center:startRadius:endRadius:) Creates a new radial gradient from a start and end point.
Type Alias¶
Body The type of view representing the body of this view.