一、CALayer简介

Core Animation是跨平台的,支持iOS环境和Mac OS X环境

凡是支持跨平台的框架,都不能直接使用UIKit框架,因为UIKit框架只能应用在iOS而不能用于Mac

需要先理解CALayer,因为核心动画操作的对象是CALayer,而不是UIView

CALayer是核心动画的基础,可以做圆角、阴影、边框等效果

每个UIView内部都有一个Layer的属性

在实现核心动画时,本质上是将CALayer中的内容转换成位图(一种图像格式),从而便于图形硬件的操纵

二、UIView的CALayer基本属性

设置UIView中的CALayer属性

圆角、边框、阴影及3D形变属性

在UIView中CALayer只是一个类声明,需要添加QuartzCore框架

在使用颜色时,不能直接使用UIColor而需要将颜色转成CGColor

修改图层相当于修改UIView属性,即修改了界面属性

要设置阴影,需要同时指定阴影的偏移尺寸、颜色和透明度

形变属性既可以用形变函数指定,也可以用keyPath指定

三、UIImageView的CALayer基本属性

设置UIImageView中的CALayer属性

圆角、边框、阴影

UIImageView中不仅一个子图层,因此设置圆角时需要使用setMasksToBounds:YES,让所有子图层跟随边框,不过设置该属性后,无法使用阴影效果

可以在底层附加一个UIView实现阴影效果

设置UIImageView中的CALayer属性

transform属性可以调整CALayer的形变,其中包括:旋转、缩放、平移

transform属性的参数查询:CATransform

四、图层和视图之间的关系

创建视图对象时,视图会自己创建一个层,视图在绘图(如drawRect:)时,会将内容画在自己的层上。当视图在层上完成绘图后,系统会将图层拷贝至屏幕(CALayer绘图的上下文是图像,整个画完后,才显示,提前绘制提高性能以及用户体验)。每个视图都有一个层,每个图层又可以有多个子层

Layer的设计目的不是为了取代视图,不能基于CALayer创建一个独立的可视化组件

Layer的设计目的是提供视图的基本可视内容,以便提高动画的执行效率

除提供可视内容外,Layer不负责视图的事件响应等工作,同时Layer不能参与到响应者链条中

五、CALayer的使用说明

通过UIView的layer属性可以拿到对应的根层,这个层不允许重新创建,但可以往层里面添加子层(调用CALayer的addSublayer)

要具体使用CALayer,需要引入<QuartzCore/QuartzCore.h>

获取当前图层或使用静态方法layer初始化CALayer后,可以设置以下属性

bounds:宽度和高度

position:位置(默认指中心点,具体由anchorPoint决定)

anchorPoint:锚点(x,y的范围都是0-1),决定了position的含义

backgroundColor: 背景颜色(CGColorRef类型)

borderColor:边框颜色(CGColorRef类型)

borderWidth:边框宽度

cornerRadius:圆角半径

contents: 内容(比如设置为图片CGImageRef)

虽然CALayer可以使用frame,但最好还是使用bounds和position。为层设置动画时,用bounds和position会方便一点

六、创建自定义图层

创建自定义图层,并设置以下属性:

bounds:宽度和高度

backgroundColor: 背景颜色(CGColorRef类型)

position:位置(默认指中点,具体由anchorPoint决定)

anchorPoint:锚点(x,y的范围都是0-1),决定了position的含义

contents:内容CGImageRef

锚点和位置的关系,以及在旋转转换时对图层的影响

UIView有一个addSubview方法,而layer有一个addSubLayer方法

锚点在游戏开发中使用比较频繁,而在应用开发中极少使用

七、CALayer中图像及颜色的注意事项

CALayer中使用CGColorRef和CGImageRef的数据类型,而不用UIColor和UIImage

QuartzCore(包含CALayer类)和Core Graphics(包含CGImageRef、CGColorRef)框架都能在iOS和Mac OS X上使用,但是UIKit(包含UIImage和其他UI开头的类)只能在iOS中使用

为了保证可移植性,QuartzCore不能使用UIImage,只能使用CGImageRef

不过很多情况下,可以通过UIKit对象的特定方法,可以得到Core Graphics对象,如UIImage的CGImage方法和UIColor的CGColor方法

八、CALayer的隐式动画属性

每一个UIView内部都默认关联着一个CALayer,称这个Layer为Root Layer。所有的非Root Layer都存在着隐式动画,隐式动画的默认时长为1/4秒。

当修改非Root Layer的部分属性时,相应的修改会自动产生动画效果,能执行隐式动画的属性被称为“可动画属性”,诸如:

bounds: 缩放动画

position: 平移动画

opacity: 淡入淡出动画(改变透明度)

在文档中搜素animatable可以找到所有可动画属性

如果要关闭默认的动画效果,可以通过动画事务方法实现:

[CATransaction begin];

[CATransaction setDisableActions:YES];

[CATransaction commit];

九、在CALayer上绘图

要在CALayer上绘图,有两种方法:

创建一个CALayer的子类,然后覆盖drawInContext:方法,可以使用Quartz2D API在其中进行绘图

设置CALayer的delegate,然后让delegate实现drawLayer:inContext:方法进行绘图

不能再将UIView设置为这个CALayer的delegate,因为UIView对象已经是内部层的delegate,再次设置会出问题

无论使用哪种方法,都必须向层发送setNeedsDisplay消息,以触发相应绘图方法的调用

十、CALayer、UIView以及上下文之间的关系

当UIView收到setNeedsDisplay消息时,CALayer会准备好一个CGContextRef,然后向它的delegate即UIView,发送消息,并且传入已经准备好的CGContextRef对象。UIView在drawLayer:inContext:方法中会调用自己的drawRect:方法

平时在drawRect:中通过UIGraphicsGetCurrentContext()获取的就是由CALayer传入的CGContextRef对象,在drawRect:中完成的所有绘图都会填入CALayer的CGContextRef中,然后被拷贝至屏幕

CALayer的CGContextRef用的是位图上下文(Bitmap Graphics Context)

十一、获取CALayer中的内容——截屏

UIGraphicsBeginImageContext(self.view.bounds.size);

[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

说明:使用renderInContext方法可以将指定图层及其子图层中的内容渲染输出到指定的上下文中

iOS基础 - CALayer的更多相关文章

  1. ios基础动画、关键帧动画、动画组、转场动画等

    概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌.在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画.关键帧动画 ...

  2. IOS基础学习-2: UIButton

    IOS基础学习-2: UIButton   UIButton是一个标准的UIControl控件,UIKit提供了一组控件:UISwitch开关.UIButton按钮.UISegmentedContro ...

  3. iOS 基础日记-修饰符

    今晚随便温习了一下iOS 基础关于修饰符这块的东西,下面简单的来描述一下,其中有的也是在网络学习到的: strong与weak是由ARC新引入的对象变量属性 ARC的解释:ARC引入了新的对象的生命周 ...

  4. iOS基础问答面试

    <简书社区 — Timhbw>iOS基础问答面试题连载(一)-附答案:http://www.jianshu.com/p/1ebf7333808d <简书社区 — Timhbw> ...

  5. [iOS基础控件 - 5.5] 代理设计模式 (基于”APP列表"练习)

    A.概述      在"[iOS基础控件 - 4.4] APP列表 进一步封装,初见MVC模式”上进一步改进,给“下载”按钮加上效果.功能      1.按钮点击后,显示为“已下载”,并且不 ...

  6. [置顶] IOS 基础入门教程

    IOS 基础入门教程 教程列表: IOS 简介 IOS环境搭建 Objective C 基础知识 创建第一款iPhone应用程序 IOS操作(action)和输出口(Outlet) iOS - 委托( ...

  7. iOS 基础:Frames、Bounds 和 CGGeometry

    https://segmentfault.com/a/1190000004695617 原文:<iOS Fundamentals: Frames, Bounds, and CGGeometry& ...

  8. iOS 基础入门--Bull' Eye 小游戏 

      说明   Bull's Eye小游戏是http://www.raywenderlich.com/store/ios-apprentice里非常酷的入门demo 跟着该教程一步步做下来便有了 ...

  9. iOS 基础函数解析 - Foundation Functions Reference

    iOS 基础函数解析 - Foundation Functions Reference 太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名- ...

随机推荐

  1. Hadoop它——跑start-all.sh时间namenode不启动

    转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46353211 近期遇到了一个问题,运行start-all.sh的时候发现JPS一下 ...

  2. FloatyFish下载量

    老师之前没有统一好一个平台,为了公平起见,我们选择了知名度比较高的CSDN,上次课上给老师说的下载量已成为过去,我们目前的下载量是: 这里还有我们最真实的用户体验,来自CSDN的用户,而非我们的朋友: ...

  3. oracle_PLSQL 快捷键使用技巧

    PLSQL 快捷键使用技巧 2012-01-17 09:32:50标签:PLSQL PLSQL 编程工具快捷设置 PLSQL使用技巧 PLSQL 快捷键 oracle PLSQL 最近在开发过程中,遇 ...

  4. 浅谈javascript中的call()和apply()方法

    话说在js中,每个函数都包含两个非继承而来的放方法,apply()和call(),使得我们能在特定的作用域中调用函数. 官方定义: 语法:       fun.call(thisArg[, arg1[ ...

  5. css3简单几步画一个乾坤图

    原文:[原创]css3简单几步画一个乾坤图 效果如上,鼠标移上去会有动画. 代码如下非常简单: <html> <head> <style> .outer{heigh ...

  6. 创建位图画刷(CreatePatternBrush)

    3.创建位图画刷(CreatePatternBrush) CBitMap bmp; bmp.LoadBitMap(IDB_MYBITMAP) ; CBrush bs ; bs.CreatePatter ...

  7. Java数据结构与算法(4) - ch04队列(Queue和PriorityQ)

    队列: 先进先出(FIFO). 优先级队列: 在优先级队列中,数据项按照关键字的值有序,关键字最小的数据项总在对头,数据项插入的时候会按照顺序插入到合适的位置以确保队列的顺序,从后往前将小于插入项的数 ...

  8. 【百度地图API】发布静态图API啦!只需一个网址,即可展示定制百度地图!

    原文:[百度地图API]发布静态图API啦!只需一个网址,即可展示定制百度地图! 摘要: 百度地图静态图API!您无须执行任何“特殊”操作便可在网页上显示此图片. 不需要 JavaScript.我们只 ...

  9. C#中设计Fluent API

    C#中设计Fluent API 我们经常使用的一些框架例如:EF,Automaper,NHibernate等都提供了非常优秀的Fluent API, 这样的API充分利用了VS的智能提示,而且写出来的 ...

  10. 【转】简述什么是Web服务(Web Service)技术?

          Web Service 是在 Internet 上进行分布式计算的基本构造块,是组件对象技术在 Internet 中的延伸,是一种部署在Web 上的组件.它融合了以组件为基础的开发模式和 ...