给图片上铺渐变色,可以通过下边方法实现:
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
