[iOS Animation]-CALayer 图层树二

最新推荐文章于 2024-09-14 17:17:41 发布

weixin_33676492

最新推荐文章于 2024-09-14 17:17:41 发布

阅读量131

点赞数

文章标签：移动开发操作系统 xcode

原文链接：https://my.oschina.net/u/2438875/blog/515806

版权

2019独角兽企业重金招聘Python工程师标准>>>

图层的能力

如果说CALayer是UIView内部实现细节，那我们为什么要全面地了解它呢？苹果当然为我们提供了优美简洁的UIView接口，那么我们是否就没必要直接去处理Core Animation的细节了呢？

某种意义上说的确是这样，对一些简单的需求来说，我们确实没必要处理CALayer，因为苹果已经通过UIView的高级API间接地使得动画变得很简单。

但是这种简单会不可避免地带来一些灵活上的缺陷。如果你略微想在底层做一些改变，或者使用一些苹果没有在UIView上实现的接口功能，这时除了介入Core Animation底层之外别无选择。

我们已经证实了图层不能像视图那样处理触摸事件，那么他能做哪些视图不能做的呢？这里有一些UIView没有暴露出来的CALayer的功能：

阴影，圆角，带颜色的边框
3D变换
非矩形范围
透明遮罩
多级非线性动画

我们将会在后续章节中探索这些功能，首先我们要关注一下在应用程序当中CALayer是怎样被利用起来的。

使用图层

首先我们来创建一个简单的项目，来操纵一些layer的属性。打开Xcode，使用Single View Application模板创建一个工程。

在屏幕中央创建一个小视图（大约200 X 200的尺寸），当然你可以手工编码，或者使用Interface Builder（随你方便）。确保你的视图控制器要添加一个视图的属性以便可以直接访问它。我们把它称作layerView。

运行项目，应该能在浅灰色屏幕背景中看见一个白色方块（图1.3），如果没看见，可能需要调整一下背景window或者view的颜色

图1.3 灰色背景上的一个白色UIView

这并没有什么令人激动的地方，我们来添加一个色块，在白色方块中间添加一个小的蓝色块。

我们当然可以简单地在已经存在的UIView上添加一个子视图（随意用代码或者IB），但这不能真正学到任何关于图层的东西。

于是我们来创建一个CALayer，并且把它作为我们视图相关图层的子图层。尽管UIView类的接口中暴露了图层属性，但是标准的Xcode项目模板并没有包含Core Animation相关头文件。所以如果我们不给项目添加合适的库，是不能够使用任何图层相关的方法或者访问它的属性。所以首先需要添加QuartzCore框架到Build Phases标签（图1.4），然后在vc的.m文件中引入库。

图1.4 把QuartzCore库添加到项目

之后就可以在代码中直接引用CALayer的属性和方法。在清单1.1中，我们用创建了一个CALayer，设置了它的backgroundColor属性，然后添加到layerView背后相关图层的子图层（这段代码的前提是通过IB创建了layerView并做好了连接），图1.5显示了结果。

清单1.1 给视图添加一个蓝色子图层

            #import "ViewController.h" 
          
            #import <QuartzCore/QuartzCore.h> 
          
            @interface ViewController () 
          
            @property (nonatomic, weak) IBOutlet UIView *layerView; 
          
            ￼ 
          
           @end 
          
            @implementation ViewController 
          
            - (void)viewDidLoad 
          
            { 
          
                [super viewDidLoad]; 
          
                //create sublayer 
          
                CALayer *blueLayer = [CALayer layer]; 
          
                blueLayer.frame = CGRectMake(50.0f, 50.0f, 100.0f, 100.0f); 
          
                blueLayer.backgroundColor = [UIColor blueColor].CGColor; 
          
                //add it to our view 
          
                [self.layerView.layer addSublayer:blueLayer]; 
          
            } 
          
           @end