A layer that draws a color gradient over its background color, filling the shape of the layer (including rounded corners)
SDKs
- iOS 3.0+
- macOS 10.6+
- tvOS 9.0+
Framework
- Core Animation
Overview
You use a gradient layer to create a color gradient containing an arbitrary number of colors. By default, the colors are spread uniformly across the layer, but you can optionally specify locations for control over the color positions through the gradient.
Listing 1 shows how to create a gradient layer containing four colors that are evenly distributed through the gradient. Rotating the layer by 90° (pi
/ 2
radians) gives a horizontal gradient.
Creating a gradient layer
gradientLayer.colors = [UIColor.red.cgColor,
UIColor.yellow.cgColor,
UIColor.green.cgColor,
UIColor.blue.cgColor]
gradientLayer.transform = CATransform3DMakeRotation(CGFloat.pi / 2, 0, 0, 1)
Figure 1 shows the appearance of the gradient layer.
Color gradient layer
