Contents

CAGradientLayer

A layer that draws a color gradient over its background color, filling the shape of the layer.

Declaration

class CAGradientLayer

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.

The following code 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.

gradientLayer.colors = [UIColor.red.cgColor,
                        UIColor.yellow.cgColor,
                        UIColor.green.cgColor,
                        UIColor.blue.cgColor]
     
gradientLayer.transform = CATransform3DMakeRotation(CGFloat.pi / 2, 0, 0, 1)

The following figure shows the appearance of the gradient layer.

[Image]

Topics

Gradient Style Properties

Constants

See Also

Text, Shapes, and Gradients