iOS 之Quartz2D渐变颜色填充
2014-09-19 15:37
225 查看
本文转载自:http://www.cnblogs.com/zenny-chen/archive/2012/02/23/2364152.html
Quartz2D提供了两种渐变填充方法。第一种是使用Quartz自带的Gradient填充方法;第二种是使用自定义的着色器。
这里将先描述如何使用CGGradient对象来做渐变填充。
上述代码效果将产生一个由绿到蓝的一个渐变填充矩形。
这里使用了CGColor和CFArray来作为设置渐变颜色的参数。另外, CGGradientCreateWithColors的最后一个locations参数可以传空,这样默认为从0.0到1.0。
以上画的是两种颜色的渐变,是由绿到靛蓝。下面我们来看一下三层颜色的渐变:
上述代码绘制了三种颜色的渐变色,由绿到靛蓝到黄色。并且在45度轴方向上的颜色都是一样的。
当然,我们也可以通过改变矩形两点坐标的位置来改变渐变轴的方向,并且也可以设置关键颜色的位置:
运行上述代码后我们可以发现,渐变轴被旋转了90度。而且蓝色与黄色区域也有所增大,更靠近矩形的中心
Quartz2D提供了两种渐变填充方法。第一种是使用Quartz自带的Gradient填充方法;第二种是使用自定义的着色器。
这里将先描述如何使用CGGradient对象来做渐变填充。
这里使用了CGColor和CFArray来作为设置渐变颜色的参数。另外, CGGradientCreateWithColors的最后一个locations参数可以传空,这样默认为从0.0到1.0。
以上画的是两种颜色的渐变,是由绿到靛蓝。下面我们来看一下三层颜色的渐变:
当然,我们也可以通过改变矩形两点坐标的位置来改变渐变轴的方向,并且也可以设置关键颜色的位置:
相关文章推荐
- ios-day15-05(Quartz 2D之一张图片以平铺或者填充的方式设置为UIView的背景、以填充的方式为UIView设置条纹背景)
- iOS 绘制渐变图形 Quartz2D 之Swift
- IOS中使用CGContext画图填充渐变颜色图层
- IOS之Quartz2D绘图4.径向渐变和线性渐变
- 【IOS 开发学习总结-OC-67】Quartz 2D绘图(4-4)——图形变换+填充处理+core image 滤镜
- IOS之Quartz2D绘图5.绘制UITableViewCell渐变背景
- iOS 2D绘图详解(Quartz 2D)之阴影和渐变(Shadow,Gradient)
- iOS 2D绘图详解(Quartz 2D)之阴影和渐变(Shadow,Gradient)
- iOS:quartz2D绘图(绘制渐变图形)
- Quartz2D颜色渐变效果
- iOS Quartz2D 渐变图形 CGGradient CGShading
- VC 实现视图区背景颜色渐变填充
- Quartz 2D编程指南(4) - 颜色和颜色空间
- Quartz2D之如何将iOS默认上下文坐标系改变为Quartz通常坐标系
- iOS学习阶段总结-b20120920-Quartz 2D绘图
- quartz2D 填充圆形
- ios 画图 绘图的实现(自由批注中视图的subview的实现)bitmap Quartz 2D 缓存位图 自由批注功能的实现 如何实现在view上自由绘图 提供源码
- Quartz 2D编程指南(4) - 颜色和颜色空间
- iOS: 设置背景颜色为渐变
- flex 容器填充渐变的背景颜色