参考:

CAShapeLayer和CAGradientLayer

一 简介

1,CAGradientLayer,处理颜色渐变;

2,CAGradientLayer的渐变色可以做隐式动画;

3,大部分情况下,CAGradientLayer都是与CAShapeLayer配合使用的。

CAShapeLayer提供形状,CAGradientLayer做背景。一般,CAShaperLayer作为CAGradientLayer的遮照——mask来用————CAGradientLayer作为背景使用;

4,CAGradientLayer可以用作png遮照效果。

eg:3

    // 创建形状遮罩
self.circleLayer = [CAShapeLayer LayerWithCircleCenter:CGPointMake(, )
radius:
startAngle:DEGREES()
endAngle:DEGREES()
clockwise:YES
lineDashPattern:@[@, @]];
self.circleLayer.strokeColor = [UIColor blackColor].CGColor; // 边缘线的颜色
self.circleLayer.lineCap = kCALineCapSquare; // 边缘线的类型
self.circleLayer.lineWidth = .f; // 线条宽度
self.circleLayer.strokeStart = 0.0f;
self.circleLayer.strokeEnd = 1.0f; // CAShapeLayer *circleLayer; // 创建渐变图层
self.faucet = [CAGradientLayer layer]; // CAGradientLayer *faucet;
self.faucet.frame = CGRectMake(, , , );
self.faucet.position = self.view.center; // 以CAShapeLayer的形状作为遮罩是实现特定颜色渐变的关键
self.faucet.mask = self.circleLayer;
self.faucet.colors = @[(id)[UIColor greenColor].CGColor,
(id)[UIColor redColor].CGColor,
(id)[UIColor cyanColor].CGColor,
(id)[UIColor purpleColor].CGColor,
(id)[UIColor yellowColor].CGColor]; // 设定动画时间
self.faucet.speed = 0.5f; // 添加到系统图层中
[self.view.layer addSublayer:self.faucet]; // 创建定时器 NSTimer *timer;
self.timer = [NSTimer scheduledTimerWithTimeInterval:.f
target:self
selector:@selector(timerEvent)
userInfo:nil
repeats:YES];
}

二 坐标系统

1,CAGradientLayer的坐标系统是从坐标(0,0)到(1,1)绘制的矩形;

2,CAGradientLayer的frame值的size不为正方形的话,坐标系统会被拉伸;

3,CAGradientLayer的startPoint与endPoint会直接影响颜色的绘制方向;

4,CAGradientLayer的颜色分割点是以0到1的比例来计算的;

三 色差动画实现

1,确定渐变色渐变方向;

2,设定两种颜色,其中一种透明色,另外一种是自定义颜色;

3,设定好location的颜色分割点值;

4,CAGradientLayer的颜色分割点是以0到1的比例来计算的。

四 用CAGradientLayer封装色差动画的view

CAGradientLayer的更多相关文章

  1. 通过CAGradientLayer制作渐变色效果(转)

    转载自:http://blog.it985.com/7986.html 看了极客学院的视频之后写的一篇博客,觉得不错,还是作为笔记使用. 简单介绍一下CAGradientLayer吧. Gradien ...

  2. CAGradientLayer的一些属性解析

    CAGradientLayer的一些属性解析 iOS中Layer的坐标系统: 效果: - (void)viewDidLoad { [super viewDidLoad]; CAGradientLaye ...

  3. CAGradientLayer渐变效果

    属性 startPoint和endPoint 决定渐变方向,以单位坐标系定义.左上角{0,0},右下角{1,1} colors 渐变的颜色,是一个CGColorRef的数组. locations 定义 ...

  4. 颜色线性渐变-CAGradientLayer

    我们先来看一下效果图吧: 其实,就是一个颜色的线性渐变,使用CAGradientLayer很容易就能实现.由于代码很简单,就不做过多讲解了,直接看代码吧. import UIKit class Vie ...

  5. Animated progress view with CAGradientLayer(带翻译)<待更新>

    原文网址:使用CAGradientLayer的动画精度条View Modern software design is getting flatter and thinner all the time. ...

  6. CA*Layer(CATransformLayer--CAGradientLayer)

    CATransformLayer CATransformLayer不同于普通的CALayer,因为它不能显示它自己的内容.只有当存在了一个能作用域子图层的变换它才真正存在.CATransformLay ...

  7. 通过cagradientLayer类封装uiimageview动画色度差

    #import <UIKit/UIKit.h> typedef NS_ENUM(NSInteger, EcolorDirectionType) { EcolorDirectionUp, / ...

  8. 通过CAGradientLayer类实现色度差动画

    #import "ViewController.h" @interface ViewController () { CAGradientLayer *_gradientLayer; ...

  9. IOS CAShapeLayer CAGradientLayer UIBezierPath 使用实例

    CGRect rect = CGRectMake(100, 100, 100, 100); UIView * bgView = [[UIView alloc]initWithFrame:rect]; ...

随机推荐

  1. 安装Elasticsearch,Logstash,Kibana(5.0.1-mac版)

    安装Elasticsearch 1.下载https://artifacts.elastic.co/downloads/elasticsearch/elasticsearch-5.0.1.tar.gz包 ...

  2. linux网站目录及Apache权限的设置

    apache服务器访问权限设置禁止所有访问:Options Indexes FollowSymLinks 改为 Option None   Apache单个或多个目录禁止访问方法   这种方法通常用来 ...

  3. PHP Deprecated: Comments starting with '#' are deprecated in *.ini 警告解决办法

    新装的ubuntu 10.04系统,使用新立得装的PHP,但是每次我在命令行下执行php脚本时都会出如下的警告信息: PHP Deprecated:  Comments starting with ' ...

  4. [转]Rotate a table in reporting services

    转自:http://stackoverflow.com/questions/9002796/rotate-a-table-in-reporting-services 12down voteaccept ...

  5. webservice cxf error:java.lang.IllegalArgumentException: Argument(s) "type" can't be null.

    客户端请求DTO和服务器端的DTO定义不一样,客户端必须定义@XmlAccessorType和@XmlType,如: @XmlAccessorType(XmlAccessType.FIELD) @Xm ...

  6. linux连接远程服务器提示拒绝访问

    如上图,出现的问题是因为端口号错误,如果不是正常连接的端口号,那么就是端口号被恶意更改! 解决方案: 关掉或者开启需要的端口号注释!

  7. java 面试每日一题

    题目:一球从100米高度自由落下,每次落地后反跳回原高度的一半:再落下,求它在 第10次落地时,共经过多少米?第10次反弹多高? import java.util.Scanner; public cl ...

  8. [ios][swift]Swift类型之间转换

    http://www.ruanman.net/swift/learn/4741.html

  9. 【转】java编译错误 程序包javax.servlet不存在javax.servlet.*

    转载地址:http://blog.163.com/gis_warrior/blog/static/1936171732012811071642/ 编译:javac Servlet.java 出现 软件 ...

  10. Oracle列操作引起的全表扫描

    首先是一种比较明显的情况: select * from table where column + 1 = 2 这里对column进行了列操作,加1以后,与column索引里的内容对不上,导致colum ...