渐变色效果

使用Core Graphics框架下的Quartz 2D实现渐变效果

Quartz 2D 的渐变方式分为两种:
1、线性渐变:渐变色以直线方式从开始位置逐渐向结束位置渐变
2、放射性渐变:以中心点为圆心从起始渐变色向四周辐射,直到终止渐变色
使用中我们可以直接绘制一个渐变,也可以将渐变填充到现有的图形路径上

使用CAGradientLayer来实现渐变背景

CAGradientLayer 是 CALayer 的子类,可以理解为一个渐变层。如果使用的是透明的颜色,还可以做到透明渐变。
CAGradientLayer 目前只能实现线性渐变,还不能实现放射性渐变。
CAGradientLayer 对象最主要的就是如下 4 个属性:
1、colors:颜色数组,定义渐变层的各个颜色。
2、locations(可选):决定每个渐变颜色的终止位置,这些值必须是递增的,数组的长度和 colors 的长度最好一致。
3、startPoint(可选):渲染的起始位置,默认值是:[.5,0](具体坐标系参考下图)
4、endPoint(可选):渲染的终止位置,默认值是:[.5,1](具体坐标系参考下图)

打赏支持一下呗!