文档章节

CAGradientLayer 浅析

初探
 初探
发布于 2015/06/24 17:45
字数 170
阅读 14
收藏 0

CAGradientLayer 继承自CALayer,主要用于绘制渐变色的场合。

坐标系系统:

看下面的例子:

声明属性:

@property (nonatomic, strong) CAGradientLayer * gradientLayer;

在ViewDidLoad中添加如下代码:

self.gradientLayer = [CAGradientLayer layer];
[self.gradientLayer setFrame:CGRectMake(0, 0, 200, 200)];
[self.gradientLayer setPosition:self.view.center];
[self.gradientLayer setBorderWidth:2.0f];  
[self.view.layer addSublayer:self.gradientLayer];
//设置渐变颜色
[self.gradientLayer setColors:@[(__bridge id)[UIColor yellowColor].CGColor,
                                (__bridge id)[UIColor blueColor].CGColor,
                                    ]];
//渐变方向设置
[self.gradientLayer setStartPoint:CGPointMake(0, 0)];
[self.gradientLayer setEndPoint:CGPointMake(1, 0)];
    
//渐变分割点设置
[self.gradientLayer setLocations:@[@(0.5),@(1.0)]];

效果图如下:

注:在设置颜色渐变的时候至少要对CAGradientLayer的colors属性设置两种颜色(透明色也算一种颜色)



© 著作权归作者所有

共有 人打赏支持
初探
粉丝 0
博文 7
码字总数 1593
作品 0
西城
高级程序员
私信 提问
iOS 做一个圆形渐变圆环

代码主要用到: CALayer+UIBezierPath+CAShapeLayer+CAGradientLayer+CABasicAnimation 1.创建一个图层 效果如图: 2.绘制一个路径,再生成一个背景圆环加到view上 效果如图: 3.利用CAGradientL...

TouchMing
2018/01/15
0
0
CAGradientLayer - 渐变颜色(iOS)

CAGradientLayer继承自CALayer, 是 Core Animation 中的一个, 主要功能是用来时间渐变颜色图层. 效果如下所示: 代码实现: 这样的功能, 实现起来还是比较简单的, 苹果给我们全部都封装好了, 只...

hell03W
2016/07/27
40
0
iOS开发 专用图层(三)CAGradientLayer

CAGradientLayer可以用来生成2种活着多种颜色的平滑渐变,像彩虹,金属风格的光影效果等,使用CAGradientLayer的好处在于使用了硬件加速。 具体使用很简单,不用多少,直接上代码和效果图即可...

神补刀
2015/11/30
38
0
iOS CAShapeLayer、CADisplayLink 实现波浪动画效果

效果图 代码已上传 GitHub:htt0p s : / / g i t hu b . c o m/ S il e n ce - G i t H u b /C o r e A n im a t i o n D em o 可以自定义波浪高度、宽度、速度、方向、渐变速度、水的深度等...

技术小甜
2017/11/09
0
0
[iOS Animation]-CALayer 专用图层 CATransformLayer

CATransformLayer 当我们在构造复杂的3D事物的时候,如果能够组织独立元素就太方便了。比如说,你想创造一个孩子的手臂:你就需要确定哪一部分是孩子的手腕,哪一部分是孩子的前臂,哪一部分...

浩浩老师
2015/09/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

a标签点击浏览器下载图片,不打开

网上好多给a标签加download属性的,但都不好使。 <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Auth......

S三少S
16分钟前
26
0
搭建私有maven仓库并在项目中使用

这是一篇写给女朋友看的教程...前方高能,注意避让~ 1.私有maven仓库的搭建 搭建环境为阿里云ESC服务器,CentOS.确保服务器已经安装Jdk。然后我要手把手教你安装和启动nexus。 Step1:新建一个...

liululee
19分钟前
1
0
js 写文件

//写文件function doSave(value, type, name) {    var blob;    if (typeof window.Blob == "function") {        blob = new Blob([value], {type: type});    }......

重城重楼
28分钟前
2
0
Ubuntu and Apache 搭建 Let's Encrypt SSL Https

本文参考来着来自https://www.howtoing.com/install-free-lets-encrypt-ssl-certificate-for-apache-on-debian-and-ubuntu 感谢作者的分享 本事例环境介绍 ubuntu (Version 16.04.1 LTS) ubu......

罗培海
31分钟前
22
0
如何优雅的使用RabbitMQ

目录 RabbitMQ无疑是目前最流行的消息队列之一,对各种语言环境的支持也很丰富,作为一个.NET developer有必要学习和了解这一工具。消息队列的使用场景大概有3种: 1、系统集成,分布式系统的...

编程SHA
34分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部