文档章节

CAGradientLayer 浅析

初探
 初探
发布于 2015/06/24 17:45
字数 170
阅读 13
收藏 0
点赞 0
评论 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
01/15
0
0
CAGradientLayer - 渐变颜色(iOS)

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

hell03W
2016/07/27
40
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开发 专用图层(三)CAGradientLayer

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

神补刀
2015/11/30
38
0
[iOS Animation]-CALayer 专用图层 CATransformLayer

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

浩浩老师
2015/09/23
0
0
swift开发中使用CAGradientLayer渲染导航栏背景色渐变

昨天UI同事给的导航栏颜色渐变背景图,只有在plus上图片出现问题,其他的都是正常显示,总是找不到问题所在,后来问了同事后,说图片是用插件强行在2x图片下切得3x图片,在plus上图片出现问题...

媛美一生
2016/11/03
38
0
iOS开发CoreAnimation解读之三——几种常用Layer的使用解析

iOS开发CoreAnimation解读之三——几种常用Layer的使用解析 一、CAEmitterLayer CAEmitterLayer是CoreAnimation框架中的粒子发射层,在以前的一片博客中有详细的介绍和范例,这里不再重复,地...

珲少
2015/12/01
2.1K
0
渐变色的背景颜色

//渐变背景色 UIView layerview = [[UIView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, 0.5kScreenHeight)]; CAGradientLayer *gradientlayer = [CAGradientLayer layer]; gradie......

精神贵族养成中
2016/03/08
39
0
苹果开机经典滑动动画

1首先定义 @interface ViewController () { CAGradientLayer* _gridentlayer; } @end 2 在viewDidLoad中实现 //这里出现了CALayer的另一个子类CAGradientLayer,这个类的作用就是能在Layer上...

caoxiang
2015/09/24
76
0
导航条加阴影效果

想实现导航条有阴影效果,就是导航条看起来有立体感,阴影是渐渐变浅。有什么方法或者思路可以实现呢? 不要直接加图片的效果, - (void)loadView { self.title=@"testNav"; //设置当前标题 ...

长平狐
2012/08/13
227
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

并发设计之A系统调用B系统

A-->B A在发送请求之前,用乐观锁,减少对B的重复调用,这样一定程度上是幂等性。 比如A系统支付功能,要调用B系统进行支付操作,但是前端对"支付"按钮不进行控制,即用户会不断多次点击支付...

汉斯-冯-拉特
19分钟前
0
0
HTTP协议通信原理

了解HTTP HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务。 HTTP使用...

寰宇01
42分钟前
0
0
【Java动态性】之反射机制

一、Java反射机制简介

谢余峰
42分钟前
1
0
Centos 6.X 部署环境搭建

1.Linux学习笔记CentOS 6.5(一)--CentOS 6.5安装过程

IT追寻者
55分钟前
0
0
博客即同步至腾讯云+社区声明

我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=8vy9bsmadbko...

xiaoge2016
58分钟前
0
0
大数据教程(3.1):Linux系统搭建网络YUM源服务器

博主在前面的2.5章节讲述了linux系统本地YUM服务器的搭建和httpd轻量级静态网站服务器的安装,本节博主将为大家分享内网环境中搭建自己的网络YUM服务器的全过程。如果大家对本地YUM服务器还不...

em_aaron
今天
0
0
蚂蚁技术专家:一篇文章带你学习分布式事务

小蚂蚁说: 分布式事务是企业集成中的一个技术难点,也是每一个分布式系统架构中都会涉及到的一个东西,特别是在这几年越来越火的微服务架构中,几乎可以说是无法避免,本文就围绕分布式事务...

Java大蜗牛
今天
1
0
新的Steam应用将拓展服务项目

导读 未来几周,Steam将推出两个免费的应用程序Steam Link和Steam Video。这两个应用程序都旨在拓展Steam平台的业务和便利性。 即将开放的Steam Link应用程序最先提供了Android测试版,它将允...

问题终结者
今天
0
0
golang 第三方包的使用总结

golang 第三方包的安装的方法: 1. go get 安装 $ go get github.com/gin-gonic/gin 注意:执行go get 命令需要先安装git命令,并配置git全局变量。 2. 源码包安装 由于国内网络问题,很多时...

科陆李明
今天
1
0
Android Studio调试运行时ADB not responding

最近有我朋友问我一个android studio的调试运行问题,我记得以前也是遇到过得,所以 来写一下 ADB not responding.If you'd like to retry, then please manually kill "adb.exe" and click...

切切歆语
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部