介绍高级quartz2d备课calayer.pdfVIP

掌握

⚫CALayer的基本属性

⚫CALayer和UIView的关系

⚫position和anchorPoint的作用

CALayer

⚫在iOS中，你能看得见摸得着的东西基本上都是UIView，比如一个按钮、一个文本、一个文本

输入框、一个图标等等，这些都是UIView

⚫其实UIView之所以能显示在屏幕上，完全是因为它的一个图层

⚫在创建UIView对象时，UIView会自动创建一个图层(即CALayer对象)，通过UIView的layer属性

可以这个层

@property(nonatomic,readonly,retain)CALayer*layer;

⚫当UIView需要显示到屏幕上时，会调用drawRect:方法进行绘图，并且会将所有内容绘制在自己的

图层上，绘图完毕后，系统会将图层拷贝到屏幕上，于是就完成了UIView的显示

⚫换句话说，UIView本身不具备显示的功能，是它的层才有显示功能

CALayer的基本使用

⚫通过操作CALayer对象，可以很方便地调整UIView的一些外观属性，比如：

➢阴影

➢圆角大小

➢边框宽度和颜色

➢……

⚫还可以给图层添加动画，来实现一些比较炫酷的效果

设置的所有属性作用在根层上面

根层

根层内根容层层

层：

裁剪

CALayer的属性

⚫宽度和高度

@propertyCGRectbounds;

⚫位置(默认指中点，具体由anchorPoint决定)

@propertyCGPointposition;

⚫(x,y的范围都是0-1)，决定了position的含义

@propertyCGPointanchorPoint;

⚫背景颜色(CGColorRef类型)

@propertyCGColorRefbackgroundColor;

⚫形变属性

@propertyCATransform3Dtransform;

CALayer的属性

⚫边框颜色(CGColorRef类型)

@propertyCGColorRefborderColor;

⚫边框宽度

@propertyCGFloatborderWidth;

⚫圆角半径

@propertyCGColorRefborderColor;

⚫内容(比如设置为CGImageRef)

@property(retain)idcontents;

x\y\z轴

坐标原点（0，0，0）x

yz

关于CALayer的疑惑

⚫首先

➢CALayer是定义在QuartzCore框架中的

➢CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的

➢UIColor、UIImage是定义在UIKit框架中的

⚫其次

➢QuartzCore框架和CoreGraphics框架是可以跨平台使用的，在iOS和MacOSX上都能使用

➢但是UIKit只能在iOS中使用

⚫为了保证可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、

CGColorRef

UIView和CALayer的选择

⚫通过CALayer，就能做出跟UIImageView一样的界面效果

⚫既然CALayer和UIView都能实现相同的显示效果，那究竟该选择谁好呢？

➢其实，对比CALayer，UIView多了一个处理的功能。也就是说，CALayer不能处理用

户的触摸，而UIView可以

➢所以，如果显示出来的东西需要跟用户进行交互的话，用UIView；如果不需要跟用户进

行交互，用UIView或者CALayer都可以

➢当然，CALayer的性能会高一些，因为它少了处理的功能，更加轻量级

position和anchorPoint

⚫CALayer有2个非常重要的属性：position和