如何在正确的位置呈现CALayer子层 - 腾讯云开发者社区

并且在层级关系上可以互相嵌套,一个视图可以管理它所有的子视图的位置等.在开发项目过程中,这是非常常见的一个使用场景....也能管理子视图的位置.甚至CALayer 是有很多方法和属性来做动画处理和变换处理. 但是,CALayer与UIView在功能上的区别在哪儿CALayer 不处理用户交互....CALayer 是整个图层类的基础,它是所有核心动画图层类的父类. 和UIView 一样,CALayer 也是有自己的父图层类,以及同样拥有子图层类的集合. 它构成了一个图层树的层次结构....图层树: 包含每一层的对象模型值.其实就是开发者设置的图层的属性值呈现树: 包括当前动画发生时候将要显示的相应的值,例如,你要给图层背景颜色设置新的值的时候,它就会立即修改图层树里对应的值.但是在呈现树里面的背景颜色值将要现在给用户的时候才会更新为新值...为何开发者要使用CALayer 根据刚刚的描述,既然CALayer 只是UIView 的内部实现细节,那为何在要来使用或者学习它?

1.1K1 0

Lottie动画原理

承载LOTComposition的内容，绘制图层和添加动画 JSON字段解读一级属性 JSON最外一层的数据，包括一个动画的基础数据：动画帧率、起始/结束关键帧，动画的宽高等，还有子图层的信息和关联的资源信息...，如形状，大小等等，也包含位图；还可能是预合成层，即对已存在的某些图层进行分组，把它们放置到新的合成中，作为新的一个资源对象，这里layers的对象结构是跟上面一级属性中的layers图层集合是一样的图层结构...从图片资源属性获取 3 代表空层：从根图层获取 4 代表形状层：从根图层获取 5 代表位置层：从根图层获取图层动画ks ks属性：这是一个比较关键的属性，包含图层变换transform的信息，包含透明度...遮罩层：判断是否有遮罩层并赋给 wrapperLayer 添加到父图层：在上面过程中已经准备好一个CALayer的绘制属性：宽高、转换信息、资源内容、图形绘制内容、遮罩层等。...:child]; 动画合成 CALayer添加动画在上面讲述到绘制图层，但如何将这些图层变成动画呢，在了解之前我们得先知道CALayer方法重绘响应链与runloop机制，如何让图层重新绘制呈现出新的画面

5.8K7 1

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

是的

没有找到

iOS 页面渲染 - UIView & CALayer

return CAEAGLLayer.self } } CALayer CALayer 视图结构类似 UIView 的子 View 树形结构，它们分别可以有自己的 SubView 和 SubLayer...这里说的 view 的 layer 是指 view 的 RootLayer，对于后添加上去的子 Layer 还是会有隐式动画的。页面渲染流程那么为什么 CALayer 可以呈现可视化内容呢？...iOS 中将该缓存区保存的图片称为寄宿图。而当设备屏幕进行刷新时，会从 CALayer 中读取生成的 bitmap, 进而呈现到屏幕上。...修改 bounds 更改 bounds 的位置，也就是 origin 属性，对于当前视图没有影响，相当于更改了当前视图的坐标系，对于子视图来说当前视图的左上角已经不再是 (0,0), 而是改变后的坐标，...坐标系改了，那么所有子视图的位置也会跟着改变。

1.9K2 0

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

文本或者背景色），管理子图层的位置，在数据结构上构成树的形式，称之为图层树；图层树的能力包括：阴影、圆角、带颜色的边框 3D 变换非矩形范围透明遮罩多级非线性动画在 CALayer 的工作过程中...[4] 4.5.2 呈现树与模型树呈现树是图层树中所有图层的呈现图层所形成，模型树是所有图层的模型图层所形成。呈现图层仅在图层首次被提交的时候创建。...这意味着 CALayer 除了 “真实” 值（视图描述中设置的值）之外，必须要知道当前显示在屏幕上的属性值，而每个图层属性的显示值都被存储在呈现图层中。...典型场景包括同步动画和处理用户交互：如果是实现一个基于定时器的动画，而不仅仅是基于事务的动画，这个时候需要准确知道在某一时刻图层显示在什么位置，以便正确摆放图层；如果想让做动画的图层响应用户输入，...可以使用 hitTest 方法来判断指定图层是否被触摸，这个时候呈现图层而不是模型图层调用 hitTest 会显得更有意义，因为呈现图层代表了用户当前看到的图层位置，而不是当前动画结束之后的位置。

1.9K3 0

iOS Core Animation:Advanced Techniques

为了获得Core Animation最好的性能，你需要为你的工作选对正确的工具，希望你能够挖掘这些不同的CALayer子类的功能。...如果你在实现一个基于定时器的动画（见第11章“基于定时器的动画”），而不仅仅是基于事务的动画，这个时候准确地知道在某一时刻图层显示在什么位置就会对正确摆放图层很有用了。...如果修改代码让-hitTest:直接作用于colorLayer而不是呈现图层，你会发现当图层移动的时候它并不能正确显示。...这时候你就需要点击图层将要移动到的位置而不是图层本身来响应点击（这就是为什么用呈现图层来响应交互的原因）。...最后，你了解了呈现和模型图层，以及Core Animation是如何通过它们来判断出图层当前位置以及将要到达的位置。

1.9K3 0

CALayer 图层概念二、CALayer属性二、方法

本身不具备显示的功能,是它内部的层才有显示功能....如 : bounds : 用于设置CALayer的宽度和高度,修改这个属性会产生缩放动画. background : 用户设置CALayer的背景色, 修改这个属性会产生背景色的渐变动画. position...: 用于设置CALayer的位置,修改这个属性会产生平移动画....属性设置图层的尺寸，高度和宽度 @property CGRect bounds; 设置位置方式1：用来设置CALayer在父层中的位置,position相当于UIView控件的center属性...（2）backgroundColor: 用户设置CALayer的背景色, 修改这个属性会产生背景色的渐变动画（3）position : 用于设置CALayer的位置,修改这个属性会产生平移动画

1.4K7 0

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

与UIView关系 CALayer类在概念上和UIView类似，同样也是一些被层级关系树管理的矩形块，同样也可以包含一些内容(像图片，文本或者背景色)，管理子图层的位置。...图3.6 钟面，和不对齐的钟指针你也许会认为可以在Interface Builder当中调整指针图片的位置来解决，但其实并不能达到目的，因为如果不放在钟面中间的话，同样不能正确的旋转...这样对于放置图层会更加方便，因为你可以通过移动根图层来将它的子图层作为一个整体来移动，但是有时候你需要知道一个图层的绝对位置，或者是相对于另一个图层的位置，而不是它当前父图层的位置。 ...总得来讲，当我们视图显示一个图片的时候，都应该正确地显示这个图片(意即：以正确的比例和正确的1：1像素显示在屏幕上)。...那你一定会奇怪用CAScrollLayer的意义到底何在，因为你可以简单地用一个普通的CALayer然后手动适应边界原点啊。

5701 0

UI篇－Layer几个关键点补充

CALayer 和 UIView的关系 CALayer是Core Animation的基础,UIKit 相关内容实现的基础简单来说，View和Layer最大的区别就是View可以接受用户输入（例如触摸...）而Layer不可以，Layer单独并不能呈现出任何可视的内容，必须依托于View。...Layer只是几何上呈现给用户的东西，它较为轻量，通常采用Cache技术，对资源消耗也较小。 CALayer是什么？...中的位置 contentGravity这个属性。...具体分为两个方面，方面一，位置方面具体如图方面二，比例变换方面如图一些实例效果彩色环状进度条粒子动画 CATransform3D 是不是明显发现蓝色的3D层效果更强烈一些 CAReplicatorLayer.gif

9071 0

一个layer可以跟着画完的线移动ios程序好玩啊。

用法：采用的是关键帧实现的。实验目的：让上层的layer子层能够跟着在另一个子层上花的线进行移动。...即当线画完之后，图形开始移动，并且能够停在最后的那个位置效果图：采用是直接在layer图层上进行画的，下边是代码的具体实现 viewController.m 属性： @interface ViewController...;//添加画图子层 @property(nonatomic,strong)CALayer *drawLayer;//添加画线子层 @end /*步骤： 1创建一个子层在子层上上有一个图形 2创建一个子层...用来画线并且记录在移动的过程中的路径 3给有图形的子层设置动画跟线的路径是一样一样的 */ - (void)viewDidLoad { [super viewDidLoad];...= @"position"; //设置 path （基于点的属性的路径） keyFrameA.path = self.path; //设置图能够留在最后的位置

9566 0

iOS开发CoreAnimation解读之二——对CALayer的分析

3.通过自定义CALayer对象来创建层的内容。...:(CALayer *)layer atIndex:(unsigned)idx; //将一个子layer插入到最下面 - (void)insertSublayer:(CALayer *)layer below...:(nullable CALayer *)sibling; //将一个子layer插入到最上面 - (void)insertSublayer:(CALayer *)layer above:(nullable... CALayer *)sibling; //替换一个子layer - (void)replaceSublayer:(CALayer *)layer with:(CALayer *)layer2; //对其子...r toLayer:(nullable CALayer *)l; //返回包含某一点的最上层的子layer - (nullable CALayer *)hitTest:(CGPoint)p; //返回layer

1.1K2 0

iOS 渲染原理解析

屏幕不断地刷新，不停呈现新的帧，就能呈现出连续的影像。而这个屏幕刷新的频率，就是帧率（Frame per Second，FPS）。...），而当设备屏幕进行刷新时，会从 CALayer 中读取生成好的 bitmap，进而呈现到屏幕上。...bitmap，存储于 CALayer.contents 中，在设备屏幕进行刷新的时候就会读取 bitmap 在屏幕上呈现。...w=267&h=179&f=png&s=15247] 从这儿我们大概总结出下面两个核心关系： CALayer 是 UIView 的属性之一，负责渲染和动画，提供可视内容的呈现。...部分效果的设置：因为 UIView 只对 CALayer 的部分功能进行了封装，而另一部分如圆角、阴影、边框等特效都需要通过调用 layer 属性来设置。

2.2K5 0

iOS开发——影响图形性能的因素以及检测方法

影响性能的因素 1、 CALayer的shouldRasterize(光栅化) 这个属性看上去很不好理解，光栅化是将几何数据经过一系列变换后最终转换为像素，从而呈现在显示设备上的过程。...设为YES 设置CALayer的shadow属性设置CALayer的mask属性把CALayer的allowsGroupOpacity属性设为YES而且opacity小于1 等等......ColorHitsGreenandMissesRed - 当使用shouldRasterizep属性的时候，耗时的图层绘制会被缓存，然后当做一个简单的扁平图片呈现。...这些中的大多数通常都会导致图片的不正常缩放，如果把一张大图当缩略图显示，或者不正确地模糊图像，那么这个选项将会帮你识别出问题所在。...Flash Updated Regions - 这个选项会对重绘的内容高亮成黄色（也就是任何在软件层面使用Core Graphics绘制的图层）。这种绘图的速度很慢。

1.1K2 0

iOS面试题-UI篇

UIView显示在屏幕上归功于CALayer，通过调用drawRect方法来渲染自身的内容，调节CALayer属性可以调整UIView的外观， UIView继承自UIResponder，比起CALayer...UIView本身，更像是一个CALayer的管理器，访问它的跟绘图和坐标有关的属性，如frame，bounds等，实际上内部都是访问它所在CALayer的相关属性 UIView有个layer属性，可以返回它的主...CALayer实例，UIView有一个layerClass方法，返回主layer所使用的类，UIView的子类，可以通过重载这个方法，来让UIView使用不同的CALayer来显示，如： - (class...例如下面的代码会在目标View上敷上一层黑色的透明薄膜。...= 5; self.view.layer.masksToBounds = YES; ``` * 正确的解决方案：使用绘图技术 - (UIImage *)circleImage

2K2 1

iOS动画之模拟音量振动条

一种可以复制自己子层的layer,并且复制出来的layer和原生子层有同样的属性，位置，形变，动画。...2、CAReplicatorLayer属性 instanceCount: 子层总数（包括原生子层） instanceDelay: 复制子层动画延迟时长 instanceTransform: 复制子层形变...instanceRedOffset、instanceGreenOffset、instanceBlueOffset、instanceAlphaOffset: 颜色通道偏移量，每个复制子层都是相对上一个的偏移量...// 设置4个子层，3个复制层 layer.instanceCount = 4; // 设置复制子层的相对位置，每个x轴相差40 layer.instanceTransform...= CATransform3DMakeTranslation(40, 0, 0); // 设置复制子层的延迟动画时长 layer.instanceDelay = 0.3;

8971 0

绘图-CAShapeLayer、CABasicAnimation以及核心动画

CAShapeLayer初始化时也需要指定frame值(也可以不指定，只要path路径设置正确就行)，但它本身没有形状，它的形状来源于其属性path 。...在初始化的时候可以不指定 Frame，其位置和形状由UIBezierPath决定。...比如设置动画时长为3秒，当设置timeOffset为1.5时，当前动画会从中间位置开始，并在到达指定位置时，走完之前跳过的前半段动画。 repeatCount -> 动画的重复次数。...(包括子动画)的duration属性;但是如果子动画设置了duration属性,那么group的duration属性的值不应该小于每个子动画中duration属性的值,否则会造成子动画显示不全就停止了动画...动画对象会在指定的时间(duration)内，依次显示values数组中的每一个关键帧 - path：可以设置一个CGPathRef\CGMutablePathRef,让层跟着路径移动。

2.9K3 0

CALayer之mask属性-遮罩

CALayer有一个属性叫做mask。这个属性本身就是个CALayer类型，有和其他图层一样的绘制和布局属性。...它类似于一个子图层，相对于父图层（即拥有该属性的图层）布局，但是它却不是一个普通的子图层。不同于那些绘制在父图层中的子图层，mask图层定义了父图层的部分可见区域。...CALayer *foregroundLayer = [CALayer layer]; foregroundLayer.bounds = CGRectMake...foregroundLayer.mask = maskLayer; [self.view.layer addSublayer:foregroundLayer]; } @end 我们再可以给遮罩层添加动画...*bgLayer = [CALayer layer]; //设置大小颜色和位置 bgLayer.bounds = CGRectMake(0, 0, 200,

2.2K8 0

iOS动画-CALayer基础知识

它实际上是一个复合引擎，可以将存储在图层树体系中的不同独立图层，尽可能快地组合成不同的可视内容呈现于屏幕上；所以做动画只是Core Animation的特性之一； Core Animation直接作用于...6.中心点(position)与锚点(anchorPoint) 7.视图与图层的坐标系一、理解视图与图层 UIView我们都非常熟悉，但它其实是对于CALayer的一层封装，我们在创建UIView...视图的的职责就是创建并管理这个图层，以确保子视图在层级关系中添加或者被移除的时候，它们的关联图层也同样对应在层级关系树当中有相同的操作。...UIView属性 CALayer属性属性说明 frame frame 表示相对于其父视图的坐标位置 bounds bounds 表示相对于其自身的坐标位置，{0,0}通常是其左上角 center position...(即图层的相对坐标），图层的左上角是{0,0}，右下角是{1,1}，因此图层的默认锚点是{0.5, 0.5}，表示图层的中间位置代表了其位置position。

1.9K5 0

ios uiview和calayer_ipad的assistive touch在哪里

IOS笔记CALayer的position和anchorPoint CALayer有2个非常重要的属性：position和anchorPoint @property CGPoint position;...用来设置CALayer在父层中的位置以父层的左上角为原点(0,0) @property CGPoint anchorPoint; 称为”定位点” ，“锚点” 决定着CALayer身上的哪个点会在...poistion属性所指的位置以自己的左上角为原点(0,0) 它的x，y取值范围都是0～1默认值为（0.5，0.5）版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

2382 0

position和anchorPoint

一、理论概述 1.简单介绍 CALayer有2个非常重要的属性：position和anchorPoint @property CGPoint position; 用来设置CALayer在父层中的位置...以父层的左上角为原点(0, 0) @property CGPoint anchorPoint; 称为“定位点”、“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置以自己的左上角为原点...，我们可用称这个Layer为Root Layer（根层）所有的非Root Layer，也就是手动创建的CALayer对象，都存在着隐式动画什么是隐式动画？...修改这个属性会产生缩放动画 backgroundColor：用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画 position：用于设置CALayer的位置。...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

5344 0

Core Animation总结

CALayer CALayer跟UIView概念上很相似，同样都是被层级管理树管理的一些矩形块，同样可以包含内容，管理子图层，可以做动画和变换。...TARGET_RT_64_BIT void * _Nonnull unused1[8]; #endif } _attr; } CALayer属性：CALayer层的主要工作是管理您提供的视觉内容...除了管理视觉内容之外，还保留有关其内容的几何形状的信息（例如其位置，大小和变换），用于在屏幕上呈现该内容。...通常，两个不同层的本地时间足够接近，您可以为每个层指定相同的时间值，用户可能不会注意到任何内容。但是由于superLayer或其本身Layer的时序参数设置，层的本地时间会发生变化。...例如，更改Layer的speed属性会导致该Layer（及其子Layer）上的动画持续时间按比例更改。

1.3K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Core Animation Programming

Lottie动画原理

iOS 页面渲染 - UIView & CALayer

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

iOS Core Animation:Advanced Techniques

CALayer 图层概念二、CALayer属性二、方法

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

UI篇－Layer几个关键点补充

一个layer可以跟着画完的线移动ios程序好玩啊。

iOS开发CoreAnimation解读之二——对CALayer的分析

iOS 渲染原理解析

iOS开发——影响图形性能的因素以及检测方法

iOS面试题-UI篇

iOS动画之模拟音量振动条

绘图-CAShapeLayer、CABasicAnimation以及核心动画

CALayer之mask属性-遮罩

iOS动画-CALayer基础知识

ios uiview和calayer_ipad的assistive touch在哪里

position和anchorPoint

Core Animation总结

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐