一、CAGradientLayer介绍

、CAGradientLayer是用于处理渐变色的层结构

、CAGradientLayer的渐变色能够做隐式动画

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

、CAGradientLayer能够用作png遮罩效果

二、CAGradientLayer坐标系统

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

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

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

、CAGradientLayer的颜色切割点是以到的比例来计算的

三、色差动画的实现

1、确定渐变色渐变方向

2、设定两种颜色,当中一种是透明色,第二种是自己定义颜色

3、设定好location颜色切割点值

、CAGradientLayer的颜色切割点是以到的比例来计算的

@property (nonatomic,strong) CAGradientLayer *gradientLayer;//渐变层

@property (nonatomic,strong) NSTimer         *timer;       //
定时器

- (void) colors {

self.view.backgroundColor = [UIColorblackColor];

//
创建背景图片

UIImageView *imageView = [[UIImageViewalloc] initWithImage:[UIImageimageNamed:@"bg"]];

imageView.center       =self.view.center;

[self.viewaddSubview:imageView];

//
初始化渐变层

self.gradientLayer       = [CAGradientLayerlayer];

self.gradientLayer.frame = imageView.bounds;

[imageView.layeraddSublayer:self.gradientLayer];

//设定颜色渐变方向

,);

,);

//
设定颜色组

self.gradientLayer.colors =@[(__bridgeid)[UIColorclearColor].CGColor,

(__bridgeid)[UIColorredColor].CGColor];

//
设定颜色切割点

self.gradientLayer.locations =
@[@(0.5f), @(1.f)];

//
初始化定时器

self.timer = [NSTimerscheduledTimerWithTimeInterval:2.f

target:self

selector:@selector(timerEvent)

userInfo:nil

repeats:YES];

}

- (void)timerEvent {

//
设定颜色组动画

self.gradientLayer.colors =@[(__bridgeid)[UIColorclearColor].CGColor,

(__bridgeid)[UIColorcolorWithRed:arc4random() % /255.f

green:arc4random() % /255.f

blue:arc4random() % /255.f

alpha:].CGColor];

//设定颜色切割点动画

/10.f),@(1.f)];

}

四、用CAGradientLayer实现带色差动画的View

1、确定几个属性值

2、确定能够做动画的參数

3、重写setter方法做动画

typedefenum : NSUInteger {

UP,   // 从上往下

DOWN, // 从下往上

RIGHT,// 从右往左

LEFT, // 从左往右

} EColorDirection;

@interface ColorUIImageView :UIImageView

/**

*  确定方向(能够做动画)

*/

@property (nonatomic,assign) EColorDirection  direction;

/**

*  颜色(能够做动画)

*/

@property (nonatomic,strong)UIColor  *color;

/**

*  百分比(能够做动画)

*/

@property (nonatomic,assign)CGFloat   percent;

@end

#import "ColorUIImageView.h"

@interface
ColorUIImageView ()

@property (nonatomic,strong)CAGradientLayer *gradientLayer;

@end

@implementation ColorUIImageView

- (instancetype)initWithFrame:(CGRect)frame

{

self = [superinitWithFrame:frame];

if (self) {

//
初始化CAGradientLayer

self.gradientLayer           = [CAGradientLayerlayer];

self.gradientLayer.frame     =self.bounds;

self.gradientLayer.colors    =@[(__bridgeid)[UIColorclearColor].CGColor,

(__bridgeid)[UIColorredColor].CGColor];

self.gradientLayer.locations =@[@(1),@(1)];

[self.layeraddSublayer:self.gradientLayer];

}

return
self;

}

#pragma mark - 重写setter,getter方法

@synthesize color = _color;

- (void)setColor:(UIColor *)color {

_color = color;

self.gradientLayer.colors =@[(__bridgeid)[UIColorclearColor].CGColor,

(__bridgeid)color.CGColor];

}

- (UIColor *)color {

return _color;

}

@synthesize percent =_percent;

- (void)setPercent:(CGFloat)percent {

_percent = percent;

self.gradientLayer.locations =@[@(percent),@(1)];

}

- (CGFloat)percent {

return_percent;

}

@synthesize direction =_direction;

- (void)setDirection:(EColorDirection)direction {

_direction = direction;

if (direction == UP) {

,);

,);

}else if (direction ==DOWN) {

,);

,);

}else if (direction ==RIGHT) {

,);

,);

}else if (direction ==LEFT) {

,);

,);

}else {

,);

,);

}

}

- (EColorDirection)direction {

return_direction;

}

@end

#import "ColorUIImageView.h"

@interface ViewController ()

@property (nonatomic,strong)ColorUIImageView *colorView;

@end

@implementation ViewController

- (void)viewDidLoad {

[superviewDidLoad];

,,,
)];

self.colorView.center =self.view.center;

self.colorView.image  = [UIImageimageNamed:@"bg"];

[self.viewaddSubview:self.colorView];

[selfperformSelector:@selector(event)

withObject:nil

afterDelay:1.f];

}

- (void)event {

self.colorView.direction =DOWN;

self.colorView.color     = [UIColorcyanColor];

self.colorView.percent   =0.5;

}

@end

CAGradientLayer功能的更多相关文章

  1. iOS之小功能模块--彩虹动画进度条学习和自主封装改进

    前言: 首先展示一下这个iOS小示例的彩色进度条动画效果: 阅读本文先说说好处:对于基础不好的读者,可以直接阅读文末尾的"如何使用彩虹动画进度条"章节,然后将我封装好的这个功能模块 ...

  2. iOS 之使用CAShapeLayer中的CAGradientLayer实现圆环的颜色渐变

    本文转载自:http://blog.csdn.net/zhoutao198712/article/details/20864143 在 Github上看到一些进度条的功能,都是通过Core Graph ...

  3. Reader开发(二)增加PDF阅读功能

    最近任务很多很忙,所以更新博客的速度很慢. 大概上周就为Reader加了一个PDF阅读的功能,但是一直没时间写上来.昨晚找一下文件发现扩展了功能的Demo居然在文件目录下看不到任何文件,但是却显示有文 ...

  4. 将CAGradientLayer用作maskView的遮罩图层

    将CAGradientLayer用作maskView的遮罩图层 说明 CAGradientLayer可以用作alpha遮罩,供maskView使用,这两种东西都是非常偏门的东西,但是,偏门不代表功能不 ...

  5. 制作类似ThinkPHP框架中的PATHINFO模式功能

    一.PATHINFO功能简述 搞PHP的都知道ThinkPHP是一个免费开源的轻量级PHP框架,虽说轻量但它的功能却很强大.这也是我接触学习的第一个框架.TP框架中的URL默认模式即是PathInfo ...

  6. PHP搭建大文件切割分块上传功能

    背景 在网站开发中,文件上传是很常见的一个功能.相信很多人都会遇到这种情况,想传一个文件上去,然后网页提示"该文件过大".因为一般情况下,我们都需要对上传的文件大小做限制,防止出现 ...

  7. SQL Server2014 SP2新增的数据库克隆功能

    SQL Server2014 SP2新增的数据库克隆功能 创建测试库 --创建测试数据库 create database testtest use testtest go --创建表 )) --插入数 ...

  8. SQL Server 数据加密功能解析

    SQL Server 数据加密功能解析 转载自: 腾云阁 https://www.qcloud.com/community/article/194 数据加密是数据库被破解.物理介质被盗.备份被窃取的最 ...

  9. Taurus.MVC 2.2 开源发布:WebAPI 功能增强(请求跨域及Json转换)

    背景: 1:有用户反馈了关于跨域请求的问题. 2:有用户反馈了参数获取的问题. 3:JsonHelper的增强. 在综合上面的条件下,有了2.2版本的更新,也因此写了此文. 开源地址: https:/ ...

随机推荐

  1. oracle添加联合主键

    1 alter table tablename add constraint unionkeyname primary key (column1,column2); 上面语句中: tablename为 ...

  2. Mysql导入导出大量数据的方法、备份恢复办法

    经常使用PHP+Mysql的朋友一般都是通过phpmyadmin来管理数据库的.日常的一些调试开发工作,使用phpmyadmin确实很方便.但是当我们需要导出几百兆甚至几个G的数据库时,phpmyad ...

  3. Cash Machine POJ - 1276

    解法 多重背包板子题 多重背包板子 如果上限的体积大于了给定的体积那么套完全背包 否则二进制优化成01背包 代码 #include <iostream> #include <cstr ...

  4. FileInputStream实现读取文件内容并输出到屏幕上

    java输入输出流是站在程序的角度来说的.从文件中读取数据用输入流,向文件中写数据用输出流. package com.janson.day20180827; import java.io.FileIn ...

  5. Linux学习笔记(二) 文件管理

    了解 Linux 系统基本的文件管理命令可以帮助我们更好的使用 Linux 系统,以下介绍几个常用的文件管理命令 1.pwd pwd 是 Print Working Directory 的简写,用于显 ...

  6. python3返回值中的none

    浏览器返回null,python3返回none,懵了. google了很多资料,不明就里,这就是没基础的后果啊呀呀呀. 上阮一峰的截图,就这么理解下凑合吧:

  7. 关于app.js和route.js和service.js还有controller.js中的依赖关系

    2.只要是由路由去执行的的控制器模块,必须注入到app.js里面进行依赖,在页面上就不需要ng-controller在html页面上写了:   但是如果一个控制器模块,没有经过路由管理:那么就必须要, ...

  8. FJoi2017 1月20日模拟赛 恐狼后卫(口糊动规)

    Problem 1 恐狼后卫(wolf.cpp/c/pas) [题目描述] 著名卡牌游戏<石炉传说>中有一张随从牌:恐狼后卫.恐狼后卫的能力是使得相邻随从的攻击力提高. 现在有n张恐狼后卫 ...

  9. JUnit基本用法

    JUnit的一些注意事项: 测试方法必须使用@Test修饰 测试方法必须使用public void进行修饰,不能带参数 一般使用单元测试会新建一个test目录存放测试代码,在生产部署的时候只需要将te ...

  10. SQL 快速参考-----http://www.runoob.com/sql/sql-quickref.html

    http://www.runoob.com/sql/sql-quickref.html SQL 快速参考