码迷,mamicode.com
首页 > 其他好文 > 详细

CALayer的那些事(一)

时间:2016-05-27 15:05:03      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:calayer   uiview   图层   

        CALayer对于工作过一段时间的程序员来说一定是熟悉的不能再熟悉了,但是对于一些接触iOS并不久的人来说还是比较新鲜的,就像我。再加上之前在学习时并没有接触过CALayer,所以这个东西对我来说完全就是新东西了。花了点时间看了下,就此总结一些需要注意的地方,以便日后用到时再详阅。

    

使用前需要注意的:


1.UIView和CALayer的选择

其实,对比CALayer,UIView多了一个事件处理的功能。也就是说,CALayer不能处理用户的触摸事件,而UIView可以。

所以,在选择的过程中,需要考虑到实际的情况,如果显示出来的东西需要跟用户进行交互的话,用UIView;如果不需要跟用户进行交互,用UIView或者CALayer都可以

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

2.CGColorRef和CGImageRef数据类型

CALayer是定义在QuartzCore框架中的;CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的;UIColor、UIImage是定义在UIKit框架中的

其次,QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和Mac OS X上都能使用,但是UIKit只能在iOS中使用

因此,为了保证可移植性,QuartzCore不能使用UIImage、UIColor,只能使用CGImageRef、CGColorRef

不过很多情况下,可以通过UIKit对象的特定方法,得到CoreGraphics对象,比如UIImage的CGImage方法可以返回一个CGImageRef

3.CALayer访问子层和父层

      UIView可以通过subviews属性访问所有的子视图,类似地,CALayer也可以通过sublayers属性访问所有的子层

    UIView可以通过superview属性访问父视图,类似地,CALayer也可以通过superlayer属性访问父层

特别注意:如果一个控件是另外一个控件的子控件,那么这个控件的layer也是另一个控件的子layer。


使用时需要注意的:

   一、属性

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的部分属性进行修改时,默认会自动产生一些动画效果

而这些属性称为Animatable Properties(可动画属性)

 

列举几个常见的Animatable Properties:

bounds:用于设置CALayer的宽度和高度。修改这个属性会产生缩放动画

backgroundColor:用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画

position:用于设置CALayer的位置。修改这个属性会产生平移动画

    

关闭隐式动画 

[CATransaction begin];    
[CATransaction setDisableActions:YES];     //隐式动画    
 self.layer.bounds=CGRectMake(0, 0, 200, 60);
 self.layer.backgroundColor=[UIColor yellowColor].CGColor;
[CATransaction commit];


可以查看头文件,看有没有Animatable,如果有则表示支持隐式动画。

本文出自 “11562149” 博客,请务必保留此出处http://11572149.blog.51cto.com/11562149/1783731

CALayer的那些事(一)

标签:calayer   uiview   图层   

原文地址:http://11572149.blog.51cto.com/11562149/1783731

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!