iOS UIView 和 CALayer 的关系
2017-02-09 08:47
585 查看
一、概念:
UIView不具备显示功能,拥有显示功能的是它内部的图层即CALayer属性
当UIView需要显示到屏幕上时,会调用DrawRect:方法进行绘图,并且将所有的内容绘制在自己的图层上Property()CALayer *layer,绘图完成后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示
UIView 的Layer属性在系统内部,被维护着三份拷贝。分别是逻辑树,这里是代码可以操作的;动画树,是一个中间层,系统就在这一层上更改属性,进行各种渲染操作;显示树,其内容就是当前正被显示在屏幕上的内容
UIView 本身更像是一个CALayer的管理器,UIView 有个属性CALayer *layer ,所有从UIView继承的对象都继承了该属性。因此,可以通过layer 属性对view 进行 转换、缩放、旋转等操作
二、简单使用:
UIView不具备显示功能,拥有显示功能的是它内部的图层即CALayer属性
当UIView需要显示到屏幕上时,会调用DrawRect:方法进行绘图,并且将所有的内容绘制在自己的图层上Property()CALayer *layer,绘图完成后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示
UIView 的Layer属性在系统内部,被维护着三份拷贝。分别是逻辑树,这里是代码可以操作的;动画树,是一个中间层,系统就在这一层上更改属性,进行各种渲染操作;显示树,其内容就是当前正被显示在屏幕上的内容
UIView 本身更像是一个CALayer的管理器,UIView 有个属性CALayer *layer ,所有从UIView继承的对象都继承了该属性。因此,可以通过layer 属性对view 进行 转换、缩放、旋转等操作
二、简单使用:
1.通过CALayer设置边框的颜色、宽度、圆角 self.view.layer.borderWidth = 20; self.view.layer.borderColor = [UIColor greenColor].CGColor; self.view.layer.cornerRadius = 20; 2.在layer 上添加一张图片 self.view.layer.contents = (id)[UIImage imageNamed:@""].CGImage //contents是id类型,可以接受内容,上面的实例让layer显示一张图片,仔细观察可以发现四个圆角的部分露了一个角出来。 设置Image不是展示在主图层上的,而是显示子图层上的。可以通过设置一个范围,设置超出主图层的部分把它切掉 self.view.layer.masksToBounds = YES; 或self.view.clipsToBounds = YES; 3. 动画的运作:对UIView的subLayer(非主Layer)属性进行更改,系统将自动进行动画生成,动画持续时间的缺省值似乎是0.5秒。 4. 坐标系统:CALayer的坐标系统比UIView多了一个anchorPoint属性,使用CGPoint结构表示,值域是0~1,是个比例值。这个点是各种图形变换的坐标原点,同时会更改layer的position的位置,它的缺省值是{0.5,0.5},即在layer的中央。 某layer.anchorPoint = CGPointMake(0.f,0.f); 5.渲染:当更新层,改变不能立即显示在屏幕上。当所有的层都准备好时,可以调用setNeedsDisplay方法来重绘显示。 [gameLayer setNeedsDisplay]; 若要重绘部分屏幕区域,请使用setNeedsDisplayInRect:方法,通过在CGRect结构的区域更新: [gameLayer setNeedsDisplayInRect:CGRectMake(150.0,100.0,50.0,75.0)]; 如果是用的CoreGraphics框架来执行渲染的话,可以直接渲染Core Graphics的内容。用renderInContext:来做这个事。 [gameLayer renderInContext:UIGraphicsGetCurrentContext()]; 6.变换:要在一个层中添加一个3D或仿射变换,可以分别设置层的transform或affineTransform属性。 characterView.layer.transform =CATransform3DMakeScale(-1.0,-1.0,1.0); CGAffineTransform transform =CGAffineTransformMakeRotation(45.0); backgroundView.layer.affineTransform = transform; 7.变形:Quartz Core的渲染能力,使二维图像可以被自由操纵,就好像是三维的。图像可以在一个三维坐标系中以任意角度被旋转,缩放和倾斜。CATransform3D的一套方法提供了一些魔术般的变换效果。
相关文章推荐
- ios开发之UIView和CALayer的关系
- iOS 之CALayer和UIView的关系
- iOS CoreAnimation专题——原理篇(一) CALayer与UIView之间的关系
- IOS面试题总结--UIView和CALayer的层级关系和区别
- ios开发之UIView和CALayer的关系
- IOS-对UIView、UIWindow、和CALayer的理解
- iOS 动画Animation详解, UIView动画(UIView属性动画,UIViewTransition动画,UIView Block动画),CALayer动画(CABasicAnima...)
- ios 查看UIView的层次继承关系工具
- ios 查看UIView的层次继承关系工具
- CALayer和UIView的关系
- 有关CALayer与UIView的关系
- CALayer与UIView的关系和作用
- iOS之美: UIView 与 UIWindow之间的关系
- CALayer与UIView的关系
- CALayer与UIView的关系
- UIView 和 CALayer的关系
- 【iOS开发-18】UIWindow和UIView是什么关系,随着xcode版本增进UIWindow不重要了吗?求解答
- CALayer与UIView的关系
- UIView与CALayer的关系
- CALayer与UIView的关系