iOS CoreAnimation专题——原理篇（三） CALayer的模型层与展示层

最新推荐文章于 2022-12-12 18:30:59 发布

DHUsesAll

最新推荐文章于 2022-12-12 18:30:59 发布

阅读量6.6k

点赞数 11

分类专栏： iOS动画文章标签： ios 动画 CALayer 模型层展示层

本文链接：https://blog.csdn.net/u013282174/article/details/50388546

版权

本文探讨了iOS中CALayer的模型层（modelLayer）和展示层（presentationLayer）的工作原理，通过CABasicAnimation动画实例揭示它们在动画过程中的角色。在动画结束后，视图为何会回弹？如何保持模型层与展示层的同步？文章通过瞎子和瘸子的比喻，生动解释了这两个层级的交互机制，并提供了实现动画结束后保持状态的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言
让我们从一个改变位置的动画开始
瞎子和瘸子
CAAnimation对presentationLayer的控制
模型与显示的同步
总结

前言

上一章中我们介绍了CALayer的可动画属性，然后研究了UIView的block动画实现原理。这一章我们将深入CALayer内部，通过简单的CABasicAnimation动画来探究CALayer的两个非常重要的属性：presentationLayer和modelLayer。

让我们从一个改变位置的动画开始

我们可以使用CABasicAnimation来实现各种动画，假如我们想让一个视图从一个位置动画地移动到另一个位置，我们的代码可能会这样写：

    CABasicAnimation * animation = [CABasicAnimation animation];
    animation.keyPath = @"position";
    animation.duration = 2;
    animation.fromValue = [NSValue valueWithCGPoint:CGPointMake(80, 80)];
    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(200, 300)];
[view.layer addAnimation:animation forKey:nil];

也就是指定了动画的四要素：动什么（keyPath）、动多久（duration）、从什么样子开始（fromValue）、动到什么样子（toValue）。这样CABasicAnimation就能在duration内对keyPath指定的属性从fromValue到toValue之间进行插值（关于插值我们在技巧篇会详细讲解，这里你只需要知道CABasicAnimation是一帧一帧在重新绘制视图的）。然后我们将动画施加于view的layer，这样它就会按照我们的四要素进行动画了。

完整的代码如下：

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    UIView * view = [[UIView alloc] initWithFrame:CGRectMake(80, 80, 100, 100)];
    view.backgroundColor = [UIColor blueColor];
    [self.view addSubview:view];
    CABasicAnimation * animation = [CABasicAnimation animation];
    animation.keyPath

最低0.47元/天解锁文章