CALayer的简介及使用

CALayer
在iOS中,看得见摸得到的东西基本都是UIView,比如button、textFild、label、icon等。
UIView之所以能显示到屏幕上,完全是因为其内部的一个图层。
创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象), 通过UIView的layer属性可以访问这个层。
@property(nonatomic, readonly, retain) CALayer  *layer;
当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有的内容绘制在自己的图层上,绘制完毕后,系统将图层拷贝到屏幕上,于是就完成了UIView的显示。
即:UIView本身不具备显示的功能,是它内部的layer层才有显示功能。
通过操作CALayer对象,可以很方便的调整UIView的一些外观属性,比如:
阴影、圆角大小、边框宽度颜色等等,还可以给图层添加动画,实现一下炫酷的效果。

CALayer的属性
宽度与高度
@property CGRect bounds;
位置(默认指重点,具体由anchorPoint决定)
@property CGPoint position;
锚点(x、y取值范围0~1),决定了position的含义
@property CGPoint anchorPoint
背景颜色(CGColorRef类型)
@property CGColorRef backgroundColor;
形变属性
@property CATransform3D  transform;
边框颜色(CGColorRef类型)
@property  CGColorRef  borderColorl
边框宽度
@property CGFloat borderWidth;
圆角半径
@property   CGFload  cornerRadius;
内容(比如设置为图片CGImageRef)
@property (retain)id contents;

关于CALayer的疑惑
首先
CALayer是定义在QuartzCore框架中的。
CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的。
UIColor、UIImage是定义在UIKit框架中的。
其次
QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和Mac OS X上都能使用,但是UIKit只能在iOS中使用。
为了保持可移植性,QuartzCore不能使用UIImage、UIColor,只能使用CGImageRef、CGColorRef。

如何选择UIView和CALayer
通过CALayer,就能做出跟UIImageView一样的界面效果。
相比CALayer,UIView多了一个事件处理的功能。也就是说CALayer不能处理用户的触摸事件,而UIView可以。
所以如果显示出来东西需要跟用户进行交互,用UIView;不需要的话UIView和CALayer都可以。
CALayer性能更高,因为它没有事件处理功能更加轻量级。

position和anchorPoint
CALayer有2个非常重要的属性:position和anchorPoint。
@property CGPoint position;
用来设置CALayer在父层中的位置
以父层的左上角为原点(0, 0)
@property CGPoint anchorPoint;
称为“定位点”、“锚点”
决定着CALayer身上的哪个点会在position属性所指的位置
以自己的左上角为原点(0, 0)
它的x、y取值范围都是0~1,默认值为(0.5, 0.5)

隐式动画
每一个UIView内部都默认关联着一个CALayer,我们可以成这个Layer为Root Layer。
所有的非Root Layer,也就是手动创建的CALayer对象,都存在着隐式动画。
什么是隐式动画?
当对非Root Layer的部分属性进行修改时,默认会自动产生一些动画效果。
而这些属性称为Animation Properties(可动画属性)。
几个常见的Animation Properties:
bounds:用于设置CALayer的宽度和高度。修改这个属性会产生缩放动画。
backgroundColor:用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画。
position:用户设置CALayer的位置。修改这个属性会产生平移动画效果。

可以通过动画事物(CATransaction)关闭默认的隐式动画效果
[CATransaction begin];
[CATransaction setDisableActions:YES];
self.myview.layer.position = CGPointMake(10, 10);
[CATransaction commit];

时间: 2024-11-02 01:24:58

CALayer的简介及使用的相关文章

IOS学习--核心动画

1.CoreAnimation的介绍 Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能. Core Animation可以用在Mac OS X和iOS平台. Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程. 要注意的是,Core Animation是直接作用在CALayer上的,并非UIView 详细地址:http://www.cnb

iOS开发UI篇—CAlayer简介

iOS开发UI篇—CALayer简介 一.简单介绍 在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView. 其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层 @property(nonatomic,readonly,retain) CALayer *layer; 当

CALayer简介

iOS开发UI篇—CALayer简介 一.简单介绍 在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView. 其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层 @property(nonatomic,readonly,retain) CALayer *layer; 当

OS开发UI篇—CALayer简介

OS开发UI篇-CALayer简介 一.简单介绍 在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView. 其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层 @property(nonatomic,readonly,retain) CALayer *layer; 当U

OS开发UI篇—CALayer简介(转)

一.简单介绍 在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView. 其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层 @property(nonatomic,readonly,retain) CALayer *layer; 当UIView需要显示到屏幕上时,会调用

CALayer的使用

CALayer简介 1.CALayer一般作为UIView的容器而使用 2.CALayer是一个管理着图片载体(image-based content)的层结构 3.直接修改单独创建出的CALayer的属性可以出发隐式动画 4.UIView中的CALayer动画必须显示出发才能生效 CALayer实现自定义进度条 - (void)viewDidLoad { [super viewDidLoad]; UIView *containerView = [[UIView alloc] initWithF

iOS_核心动画CALayer(一)

目 录: 一.核心动画简介 二.图层与视图之间的关系 三.CALayer的使用说明 四.CALayer的隐式动画属性 五.在CALayer上绘图 六.总结 一.核心动画简介 Core Animation 是跨平台的,支持iOS环境和Mac OS X环境,而CALayer是核心动画的基础,可以帮助开发者做圆角.阴影.边框等效果.我们学习核心动画之前,需要先理解CALayer,因为核心动画操作的对象不是UIView,而是CALayer.对于UIView控件每个内部都有一个Layer的属性.我们在实现

iOS:CALayer核心动画层

CALayer:核心动画层 简介: Core Animation 是跨平台的,支持iOS环境和Mac OS X环境 学习核心动画之前,需要先理解CALayer,因为核心动画操作的对象不是UIView,而是CALayer CALayer是核心动画的基础,可以做圆角.阴影.边框等效果 每个UIView内部都有一个Layer的属性 在实现核心动画时,本质上是将CALayer中的内容转换成位图,从而便于图形硬件的操纵 UIView的CALayer基本演练: 演练设置UIView中的CALayer属性 –

IOS开发——UI进阶篇(十七)CALayer,核心动画基本使用

一.CALayer简介 1.CALayer在iOS中,文本输入框.一个图标等等,这些都是UIView你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层 在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层 @property(nonatomic,readonly,retain) CALayer *layer; 当UIView需