给图片上渐变色的问题

给图片上铺渐变色,可以通过下边方法实现:
1.CoreGraphics:(图形上下文,色彩空间).
**2. **CAGradientLayer(CALayer的子类):需要在view的layer层上展示CAGradientLayer,通过其属性colors在数组中添加更多的颜色实现渐变的效果.

因为第一种自己掌握的也不是很好,所以就拿第二种献丑了,当然又想了解第一种方法的,可以参考这个链接Core Graphics(6种绘图形式),在使用时,只有调用setNeedsDisplay方法时,drawLayer: inContext:方法才会被调用.

下边举个例子看下第二种方法:关于渐变方向详细的说明,请参考此链接

gradientLayer = CAGradientLayer()
//设置渐变的主颜色
gradientLayer.colors = [UIColor.redColor().CGColor,UIColor.yellowColor().CGColor]

可以通过在gradientLayer上添加CABasicAnimation实现切换渐变色,但是如果要在动画结束后,显示设置渐变色,需要重写动画结束的方法,在CABasicAnimation 结束后执行需要的操作:

override func animationDidStop(anim: CAAnimation, finished flag: Bool) {
 if flag {
    gradientLayer.colors = colorSets[currentColorSet]
 }
}

可以通过CAGradientLayer 的 locations 属性来设置颜色的相对坐标

 gradientLayer.locations = [0.0, 0.35]   //这些数字是浮点数，取值范围在 0.0 到 1.0 之间,表示从左上开始到垂直35%的位置变换颜色

当然工作中有时会遇到这样的问题:画出一个有一定形状还有渐变色的图案:
参考代码:

let gradientColors: Array <AnyObject> = [topColor.CGColor, bottomColor.CGColor]
let gradientLayer: CAGradientLayer = CAGradientLayer()
gradientLayer.colors = gradientColors
gradientLayer.startPoint = startPoint
gradientLayer.endPoint = endPoint
//        let gradientLocations: Array <NSNumber> = [0.0, 1.0]

gradientLayer.frame = CGRect(x: 0, y: 0, width: self.frame.size.width, height: self.frame.size.height)
gradientLayer. shadowPath = bezierPath.CGPath//取代了CAShapeLayer的效果
gradientLayer. mask = maskLayerPath