为什么在动画过程中引用CALayer的父视图的属性会是'nil‘ - 腾讯云开发者社区

这里说的 view 的 layer 是指 view 的 RootLayer，对于后添加上去的子 Layer 还是会有隐式动画的。页面渲染流程那么为什么 CALayer 可以呈现可视化内容呢？...方法是在 CPU 执行的, 在它执行完之后, 通过 context 将数据 (通常情况下这里的最终结果会是一个 bitmap, 类型是 CGImageRef) 写入 backing store, 通过...frame：表示视图在父视图中显示出来的位置和大小，CGReact 类型，其显示位置是相对父视图坐标系而言的； bounds：表示视图相对于自身显示出来的位置与大小，CGReact 类型，其显示位置是相对自身视图坐标系而言的...，属性 size 描述视图本身固有的尺寸，而属性 origin 描述是在自身视图坐标系中圆点的位置； position：表示视图的中心点在父视图的位置； transform：用来实现对视图进行仿射变换处理的...，所以贴近父视图的左上角。

1.7K2 0

iOS学习——核心动画

3）运行在后台线程中，在动画过程中可以响应交互事件（UIView动画默认动画过程中不响应交互事件）。...CAAnimation是所有动画对象的父类，实现CAMediaTiming协议，负责控制动画的时间、速度和时间曲线等等，是一个抽象类，不能直接使用。...设置CAAnmation的属性，不同的动画类别属性参数不一样的调用CALayer的addAnimation:forKey：将CAAnimation对象添加到CALayer上，就能执行动画调用CALayer...那么你会疑惑为什么这不是默认的选择，实际上当使用UIView的动画方法时，他的确是默认的，但当创建CAAnimation的时候，就需要手动设置它了。...fillMode主要有四种类型： kCAFillModeForwards :动画开始之后layer的状态将保持在动画的最后一帧，而removedOnCompletion的默认属性值是 YES，所以为了使动画结束之后

1.1K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

【IOS开发进阶系列】动画专题

而position则是AnchorPoint在super layer中的位置，如下图：之前提到过，视图的center属性和图层的position属性都指定了相对于父图层anchorPoint...不过呢，你肯定也清楚图层引用了borderColor，虽然属性声明并不能证明这一点。CGColorRef在引用/释放时候的行为表现得与NSObject极其相似。...这并不是因为iOS在3D场景下正确地处理响应事件，实际上是可以做到的。问题在于视图顺序。在第三章中我们简要提到过，点击事件的处理由视图在父视图中的顺序决定的，并不是3D空间中的Z轴顺序。...,这个是可以用代码直接操控的部分;呈现树的属性值和动画运行过程中界面上看到的是一致的.而渲染树是私有的,你无法访问到,渲染树是对呈现树的数据进行渲染,为了不阻塞主线程,渲染的过程是在单独的进程或线程中进行的...speed speed属性用于设置当前对象的时间流相对于父级对象时间流的流逝速度，比如一个动画beginTime是0，但是speed是2，那么这个动画的1秒处相当于父级对象时间流中的2秒处

3701 0

iOS Core Animation:Advanced Techniques

问题在于回调方法在动画完成之前已经被调用了，但不能保证这发生在属性动画返回初始状态之前。这同时也很好地说明了为什么要在真实的设备上测试动画代码，而不仅仅是模拟器。...这些例子和我们之前所讨论的情况完全不同，因为它们不仅涉及到图层的属性，而且是整个图层树的改变--我们在这种动画的过程中手动在层级关系中添加或者移除图层。...:(NSString *)key; 但并不支持在动画运行过程中修改动画，所以这个方法主要用来检测动画的属性，或者判断它是否被添加到当前图层中。...你甚至设置一个叫做autoreverses的属性（BOOL类型）在每次间隔交替循环过程中自动回放。...每个CALayer和CAAnimation实例都有自己本地时间的概念，是根据父图层/动画层级关系中的beginTime，timeOffset和 speed属性计算。

1.8K3 0

iOS 面试策略之系统框架-UIKit

直接在库面板中拖拽一个 label 完成创建，然后设置相应的 constraint 进行布局，最后在属性检查器面板对相应属性进行设置。这是苹果推荐的做法。用纯代码的方式来做。...CALayer 在图像和动画渲染上性能更好。这是因为 UIView 有冗余的交互接口，而且相比 CALayer 还有层级之分。CALayer 在无需处理交互时进行渲染可以节省大量时间。...5.请说明并比较以下关键词：Frame, Bounds, Center 关键词： #坐标 #父视图 Frame 是指当前视图（View）相对于父视图的平面坐标系统中的位置和大小。...Bounds 是指当前视图相对于自己的平面坐标系统中的位置和大小。 Center 是一个 CGPoint，指当前视图在父视图的平面坐标系统中最中间位置点。...除此之外他还有关键帧动画和两个 view 转化等接口。它实现的动画无法回撤、暂停、与手势交互。 CALayer Animation 是更在底层 CALayer 上的动画接口。

1.3K2 0

Core Animation Programming

视图在屏幕上可以是一个矩形块,它能够拦截类似鼠标点击或者触摸手势等用户交互方式. 并且在层级关系上可以互相嵌套,一个视图可以管理它所有的子视图的位置等.在开发项目过程中,这是非常常见的一个使用场景....也能管理子视图的位置.甚至CALayer 是有很多方法和属性来做动画处理和变换处理. 但是,CALayer与UIView在功能上的区别在哪儿CALayer 不处理用户交互....CALayer 是整个图层类的基础,它是所有核心动画图层类的父类. 和UIView 一样,CALayer 也是有自己的父图层类,以及同样拥有子图层类的集合. 它构成了一个图层树的层次结构....UIView 与 CALayer 平行的层级关系每个UIView 都会有一个CALayer 实例图层属性.也就是backing layer.UIView 的职责就是创建并管理这个图层.用来确保当前子视图在层级关系中添加或者移除的时候...为什么iOS要基于UIView 和 CALayer 提供两个平行的层级关系. 苹果为何要如此设计?为何不用一个简单的层级来处理所有的事情. 其实原因在于职责分离,这样可以避免很多重复代码.

1.1K1 0

图层几何学 -- iOS Core Animation 系列二

《图层树和寄宿图 -- iOS Core Animation 系列一》介绍了图层的基础知识和一些属性方法。这篇主要内容是学习下图层在父图层上怎么控制位置和尺寸的。 1.布局首先看一张例图： ?...视图的frame、bounds、center属性仅仅是存取方法，当操纵视图的frame时，实际上是在改变视图对应的CALayer的frame, 不能独立于图层之外改变视图的frame....我们用NSTimer来更新闹钟，使用视图的transform属性来旋转钟表。...zPosition属性大多数不常用，除了三维动画之外，它最实用的功能是可以改变图层的显示顺序。 3.2 zPosition演示代码我们演示下改变zPosition会怎么改变视图的显示顺序。...如果这个点是在最外面的图层，则返回nil。

5673 0

Lottie动画原理

，必要时再做特殊处理，最后在图层CALayer上添加Animation(动画)。...这是因为在一个图层中，当我们修改一个图层属性时，比如宽度从100px到200px, 它会产生很平滑地从一个值过渡到下一个值这种动画效果，这个图层就是CALayer, 执行动画效果的是Core Animation...CALayer属性: LOTComposition中有一个属性 CALayer *wrapperLayer 写入当前图层的信息，从类型可以看出是一个CALayer，因此我们可以在CALayer中使用隐式动画...遮罩层：判断是否有遮罩层并赋给 wrapperLayer 添加到父图层：在上面过程中已经准备好一个CALayer的绘制属性：宽高、转换信息、资源内容、图形绘制内容、遮罩层等。...:child]; 动画合成 CALayer添加动画在上面讲述到绘制图层，但如何将这些图层变成动画呢，在了解之前我们得先知道CALayer方法重绘响应链与runloop机制，如何让图层重新绘制呈现出新的画面

5.1K7 1

iOS Core Animation的用法

Autoreverses 当你设定这个属性为 true 时,在它到达目的地之后,动画的返回到开始的值,代替了直接跳转到开始的值。...它设定开始值到结束值花费的时间。期间会被速度的属性所影响。 RemovedOnCompletion 这个属性默认为 true,那意味着,在指定的时间段完成后,动画就自动的从层上移除了。...假如你想要再次用这个动画时,你需要设定这个属性为 false。这样的话,下次你在通过-set 方法设定动画的属性时,它将再次使用你的动画,而非默认的动画。...如果你指定的持续时间为 6 秒,速度为 2.0,动画就会播放 3 秒钟。 BeginTime 这个属性在组动画中很有用。它根据父动画组的持续时间,指定了开始播放动画的时间。...opacityAnimaton.keyTimes = [0, 0.5, 1] //values属性指明整个动画过程中的关键帧点，需要注意的是，起点必须作为values的第一个值。

1.3K3 0

Quartz2D复习（四） --- 图层CALayer和动画CAAnimation

5）、CAAnimation 　　是所有动画对象的父类，负责控制动画的持续时间和速度，是个抽象类，不能直接使用，只能使用它具体的子类。　　...的一个属性名称为keyPath(NSString类型），并且对CALayer的这个属性的值进行修改，达到相应的动画效果。　　...: keyPath相应属性的初始值　　toValue: keyPath相应属性的结束值　　动画过程说明：随着动画的进行，在长度为duration的持续时间内，keyPath相应属性的值从fromValue...ios比Mac OSX的转场动画效果少一点　　UINavigationController就是通过CATransation实现了将控制器的视图推入屏幕的动画效果　　动画属性：　　type : 动画过度类型...　　view ：需要进行转场动画的视图　　options : 转场动画的类型　　animations : 将改变视图属性的代码放在这个block中　　completion ：动画结束后，会自动调用这个

1.4K3 0

iOS动画系列之七：实现类似Twitter的启动动画1. CAKeyframeAnimation2. CAAnimationGroup3. 实现类似Twitter的启动动画

哈哈～ Come on～下面这张图纯粹是为了简书当作封面使用的。也不知道为什么，以前简书还能自动把GIF的第一桢当作封面，现在不好使了。 ?...:nil]; 1.3 动画叠加刚才添加了一个沿路径运动的飞机，我们同时还可以给飞机再把抖动的那个动画也添加上去。...3.2 CALayer的遮罩属性 CALayer本身有一个属性，叫mask。...它类似于一个子图层，相对于父图层（即拥有该属性的图层）布局，但是它却不是一个普通的子图层。不同于其他能够在父图层中绘制出图像的子图层，mask图层定义了父图层的部分可见区域。...如果mask图层比父图层要小，只有在mask图层里面的内容才是它关心的，除此以外的一切都会被隐藏起来。 ?

1.3K3 0

【IOS开发基础系列】UIView专题

原始的帧在它的父视图的坐标系中。设置这个属性用来改变中心和边界属性。返回值一个初始化的视图对象，如果没有被创建那就返回nil 讨论一个新的视图对象必须添加到视图链中才能使用。...参数 newSuperview 新的视图对象将会是接收者新的父视图讨论子类可以重写这个方法来做一些特定的行为 willMoveToWindow: 通知接收者它已经被添加到特定的窗口对戏那个的视图层次中...UIView类定义了几个内在支持动画的属性声明，当这些属性发生改变时，视图为其变化过程提供内建的动画支持。 ...讨论如果设置为YES那么当动画在运行过程中，当前视图的位置将会作为新的动画的开始状态。如果设置为NO，当前动画结束前新动画将使用视图最後状态的位置作为开始状态。...如果一个子视图的区域超过父视图的bound区域(父视图的clipsToBounds属性为NO,这样超过父视图bound区域的子视图内容也会显示)，那么正常情况下对子视图在父视图之外区域的触摸操作不会被识别

3883 0

CAAnimation 核心动画概念一、 CAAnimation二、 CAPropertyAnimation三、CABasicAnimation（基本动画）CAPropertyAnimation的子类

使用步骤： 1、创建一个CAAnimation对象 2、设置一些动画的相关属性 3、给CALayer添加动画（addAnimation:forKey: 方法） 4、停止CALayer动画（removeAnimationForKey...*)path; keyPath参数：通过指定CALayer的一个属性名做为keyPath里的参数(NSString类型)，并且对CALayer的这个属性的值进行修改，达到相应的动画效果。...比如，指定@”position”为keyPath，就修改CALayer的position属性的值，以达到平移的动画效果。...: keyPath相应属性的结束值，到某个固定的值（类似transform的make含义）注意：随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue...view：需要进行转场动画的视图 options：转场动画的类型、效果，枚举类型 animations：将改变视图属性的代码放在这个block中 completion：动画结束后，会自动调用这个

1.8K9 0

浅汇－iOS 动画

在iOS开发中，制作动画效果是最让开发者享受的环节之一。一个设计严谨、精细的动画效果能给用户耳目一新的效果，吸引他们的眼光 —— 这对于app而言是非常重要的。...因此，我们也就不难理解为何UIView/NSView在CALayer上做了一层封装。...kCATransitionFromLeft 从左侧进入基础动画主要提供了对于CALayer对象中的可变属性进行简单动画的操作。...粒子动画 transform动画 transform是一个非常重要的属性，它在矩阵变换的层面上改变视图的显示效果，完成旋转、形变、平移等等操作。在它被修改的同时，视图的frame也会被真实改变。...; transform严格的说不是一种动画，而是动画中的一部分操作，我拿出来说是因为它同时出现在了UIView 动画和CALayer动画中。

8043 0

iOS面试题-UI篇

UIView显示在屏幕上归功于CALayer，通过调用drawRect方法来渲染自身的内容，调节CALayer属性可以调整UIView的外观， UIView继承自UIResponder，比起CALayer...补充部分，这部分有深度了，大致了解一下吧，UIView的layer树形在系统内部被系统维护着三份copy 逻辑树，就是代码里可以操纵的，例如更改layer的属性等等就在这一份动画树，这是一个中间层，系统正是在这一层上更改属性...loadView用来自定义view，只要实现了这个方法，其他通过xib或storyboard创建的view都不会被加载看懂控制器view创建的这个图就行 [image] IBOutlet连出来的视图属性为什么可以被设置成...因为父控件的subViews数组已经对它有一个强引用 IB中User Defined Runtime Attributes如何使用？...如果当前view是控制器的view，那么就传递给控制器如果控制器不存在，则将其传递给它的父控件在视图层次结构的最顶层视图也不能处理接收到的事件或消息，则将事件或消息传递给UIWindow对象进行处理

1.9K2 1

详解CALayer的anchorPoint和position

CALayer CALayer属于QuartzCore框架,用于在iOS和Mac OS系统上可见元素的绘制,和属于UIKit框架的UIView的关系是,UIView默认会创建一个CALayer属性...CALayer具备以下UIView没有的功能: 阴影, 圆角, 边框 3D变换非矩形范围透明遮罩多级非线性动画布局要分析CALayer的anchorPoint和position属性,首先要讨论一下...我们所熟悉的UIView有三个重要的布局属性:frame,bounds和center,CALayer对应的叫做 frame,bounds和position. frame代表了图层的外部坐标(在父图层上占据的空间...和position共同决定图层相对父图层的位置,即frame的x,y 在图层旋转时的固定点锚点使用单位坐标来描述,范围为左上角{0, 0}到右下角{1, 1},默认坐标是{0.5, 0.5}....锚点和position的关系 position是图层的anchorPoint在父图层中的位置坐标. anchorPoint和position共同决定图层相对父图层的位置,即frame属性的frame.origin

7853 0

大前端开发中的“树” (下)

表示左上角所在的 CGPoint(x, y) bounds 是指在自身视图中的 CGRect(x=0, y=0, width, height) frame 是在父视图的 CGRect(x, y, width...文本或者背景色），管理子图层的位置，在数据结构上构成树的形式，称之为图层树；图层树的能力包括：阴影、圆角、带颜色的边框 3D 变换非矩形范围透明遮罩多级非线性动画在 CALayer 的工作过程中...这意味着 CALayer 除了 “真实” 值（视图描述中设置的值）之外，必须要知道当前显示在屏幕上的属性值，而每个图层属性的显示值都被存储在呈现图层中。...，同时也是 CoreAnimation 将要执行一些别的事务例如解码动画过程中将要显示图片的时间点提交：CoreAnimation 打包所有图层和动画属性，然后通过 IPC 发送到渲染服务进行显示打包的图层和动画到达渲染服务进程...使用这个树状结构，渲染服务对动画的每一帧做出如下工作：对所有的图层属性计算中间值，设置 OpenGL 几何形状（纹理化的三角形）来执行渲染在屏幕上渲染可见的三角形五、Flutter 中的树 Flutter

1.9K3 0

iOS 开发之动画中的时间

引言在iOS开发中使用动画时，可以通过设置动画的duration、speed、begintime、offset属性，来设置动画的时长、速度、起始时间及起始偏移。...点击开始动画的按钮，到开始动画，有一个延迟。动画起始时，滑块的位置为中央，而不是在左边。我们已经看到了这些属性的效果。...翻阅文档，发现begintime、speed等属性是CAMediaTiming这协议的属性，并且CALayer、CAAnimation都遵守了CAMediaTiming协议。...active local time 这次转换是为了处理当前层级的object在父层级的的时间线上的位置，以及当前层级和父层级之间时间流逝速度的关系。...如果动画的repeatCount是10，那么经过第二次转化以后，basic local time会是0.5s，因此当前是动画展示一半的状态。

2.5K0 1

《Motion Design for iOS》（十六）

虽然在名字中有动画的单词，不要让它误导你以为它只能做这个；它实际上负责屏幕上显示的所有视图的整体渲染体系结构，可以非常快速地进行透明度计算、图像过滤和视觉效果。...当你在屏幕上操作一个UIView的布局或方向的时候，你实际上在移动它的CALayer。...图层可以像视图一样被层级安排来在屏幕上创建一个完整的用户界面。...你不是非得要用UIView对象来构建你的界面，也可以使用CALayer对象来代替，像视图一样将它们按照父视图-子视图的类型放置，只不过替换成父图层-子图层。...如果你需要直接更改图层属性的话随时都可以获取一个视图的图层，比如说，设置一个视图的圆角弧度就是通过操作视图的CALayer属性来完成的。

2511 0

iOS动画-CAAnimation使用详解

除此之外，我们也可以创建非线性动画，比如沿着任意一条曲线运动等；我们平时最常用的也是显式动画，不仅系统为我们的视图提供了UIViewAnimationWithBlock的动画封装，而且我们在熟悉了Core...抽象类；作为基础动画和帧动画的父类，不可直接使用 CABasicAnimation 基础动画；用于实现单一属性变化的动画 CAKeyFrameAnimation 关键帧动画；用于实现单一属性连续变化的动画...通常视图控制器本身会作为一个委托，但所有动画都会调用同一个回调方法，所以我们需要判断到底是哪个图层的动画调用；首先，动画本身会作为一个参数传入委托的方法，也许你会认为可以在控制器中把动画存储为一个属性...是一个CALayer可用于处理动画变换的虚拟属性； 1.虚拟属性的作用为了理解虚拟属性的用处，我们现在考虑这样一个动画：对一个物体实现旋转动画，由于CALayer并没有显式的给提供角度或者方向之类的属性...十一、在动画过程中取消动画在使用动画的过程中，我们可能需要适时的移除不要的动画，否则就可能造成内存的泄漏问题；从图层中取消动画的方法有以下两种方式： //方法1：取消指定动画 /* Remove any

2.1K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

iOS 页面渲染 - UIView & CALayer

iOS学习——核心动画

【IOS开发进阶系列】动画专题

iOS Core Animation:Advanced Techniques

iOS 面试策略之系统框架-UIKit

Core Animation Programming

图层几何学 -- iOS Core Animation 系列二

Lottie动画原理

iOS Core Animation的用法

Quartz2D复习（四） --- 图层CALayer和动画CAAnimation

iOS动画系列之七：实现类似Twitter的启动动画1. CAKeyframeAnimation2. CAAnimationGroup3. 实现类似Twitter的启动动画

【IOS开发基础系列】UIView专题

CAAnimation 核心动画概念一、 CAAnimation二、 CAPropertyAnimation三、CABasicAnimation（基本动画）CAPropertyAnimation的子类

浅汇－iOS 动画

iOS面试题-UI篇

详解CALayer的anchorPoint和position

大前端开发中的“树” (下)

iOS 开发之动画中的时间

《Motion Design for iOS》（十六）

iOS动画-CAAnimation使用详解

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐