美文网首页
图层学习笔记

图层学习笔记

作者: 三三哥 | 来源:发表于2017-08-23 12:15 被阅读0次

记录一下图层学习——放射变换在显示动画上的应用 ,

原文链接https://zsisme.gitbooks.io/ios-/content/chapter8/property-animations.html

    放射变换的知识在这里就不说了

直接上代码

CALayer *shipLayer = [CALayer layer];

shipLayer.frame = CGRectMake(0, 0, 128, 128);

shipLayer.position = CGPointMake(150, 150);

shipLayer.contents = (__bridge id)[UIImage imageNamed: @"Ship.png"].CGImage;

[self.containerView.layer addSublayer:shipLayer];

//animate the ship rotation

CABasicAnimation *animation = [CABasicAnimation animation];

animation.keyPath = @"transform.rotation";

animation.duration = 2.0;

animation.byValue = @(M_PI * 2);

[shipLayer addAnimation:animation forKey:nil];

CABasicAnimation 属性动画对layer 的transform这个属性做动画,其实就是放射变换结合动画

transform.rotation 这个其实不是transform 的实际属性,因为transform 是结构体。但是我们可以认为是transform的虚拟属性,举一反三 transform.position或者transform.scale 也是同样的道理!

利用transform.rotation 的属性好处体现在一点 那就是 可以“连续变换” ,不太好解释。

举个例子

把上述代码的animation.keyPath = @"transform.rotation"; 换成animation.keyPath = @"transform";你会发现什么变化都没有,因为系统认为M_PI * 2 是360度 转回原始位置所有就不产生动画。并没有做任何旋转,这是因为变换矩阵不能像角度值那样叠加。

所以才有上面所说的连续变换!

相关文章

  • 图层学习笔记

    记录一下图层学习——放射变换在显示动画上的应用 , 原文链接https://zsisme.gitbooks.io/...

  • Core Animation学习笔记(二)- 图层几何布局

    Core Animation学习笔记(二)- 图层几何布局 我的 博客地址 一、Layout UIView有三个比...

  • Core Animation 学习笔记 图层树

    图层的树状结构 Core Animation其实是一个令人误解的命名。你可能认为它只是用来做动画的,但实际上它是从...

  • 27 cireldraw学习笔记-图层概念

    【对象管理器】在对象菜单里。 我们新建的一页页,相当于放在CDR的工作台面上,工作台面共享的,在对象管理器里也称为...

  • 小程序学习笔记-视图层

    视图层 视图层有wxml何wxss组成将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。 wxml :WX...

  • 每天一点PS|8|图层基础知识

    【课堂笔记】 1、必须学会图层的操作,学会善于利用图层才是真正的开始了PS之路。关于图层的操作,有两个部分。 第一...

  • 2020-05-22

    今天学习了图层的应用(包含图层设置、图层类别、视图中可见图层、移动和复制图层),坐标系的简单应用;课后完成老师布置...

  • ps学习笔记之图层混合模式

    图层的混合选项,是控制图像中的像素如何受绘画或编辑工具的影响,首先要明确3个概念: 1.基色:基色就是原稿的颜色,...

  • ps学习笔记13图层相关知识

    当图层过多不便于查找时,可以使用过滤功能。 锁定所有像素,不能修改像素信息,却可以进行其他变换。 锁定位置,不能移...

  • 2019-07-04 Day4_ZHI

    学习内容 通过自带mpg学习ggplot2 1. 了解mpg dim(mpg) 2. 同一图层 2.1 空白图层 ...

网友评论

      本文标题:图层学习笔记

      本文链接:https://www.haomeiwen.com/subject/wwsddxtx.html