CAKeyframeAnimation path 绘制动画 和 《CALayer 自定义属性绘制动画》 的比较

在《CALayer 自定义属性绘制动画》中讲解通过CALayer 自定义动画属性绘制圆,使用CABasicAnimation添加绘制动画,下面通过CGPath绘制圆使用CAKeyframeAnimation添加绘制动画

UIBezierPath *path = [UIBezierPathbezierPathWithArcCenter:CGPointMake(20, 20) radius:20 startAngle:0 endAngle:2*M_PIclockwise:0];

CAKeyframeAnimation *animation = [CAKeyframeAnimationanimationWithKeyPath:@"strokeEnd"];

animation.values = @[@(0.0f),@(1.0f)];

animation.duration = 10.0f;

animation.repeatCount = MAXFLOAT;

CAShapeLayer *layer = [CAShapeLayer layer];

layer.frame = CGRectMake(10, 100, 40, 40);

layer.path = path.CGPath;

layer.lineWidth = 3.0f;

layer.fillColor = [UIColorwhiteColor].CGColor;

layer.strokeColor = [UIColorredColor].CGColor;

[layer addAnimation:animation forKey:@"angle_key"];

时间: 2024-10-13 12:47:47

CAKeyframeAnimation path 绘制动画 和 《CALayer 自定义属性绘制动画》 的比较的相关文章

CALayer 自定义属性绘制动画

创建CircleLayer继承CALayer,添加新属性angle. @interfaceCircleLayer :CALayer@property(nonatomic,assign)CGFloatangle; @end 覆盖父类方法,添加新的属性动画键值,返回YES表示给定的属性发生变化时导致layer的内容重绘 + (BOOL)needsDisplayForKey:(NSString*)key {    if([keyisEqualToString:@"angle"]) {    

SVG path 标签根据两点和角度绘制弧线

同步发布:https://blog.jijian.link/2020-04-14/svg-arc/ 由于功能受限,此处不能放 iframe 嵌入链接,如需看到实施效果,请移步 https://blog.jijian.link/2020-04-14/svg-arc/ 解析 <path> 标签应该算是 SVG 中最为强大的标签了,各种图形都可以用他绘制. 本文使用 path 标签的贝塞尔曲线 Q 指令绘制弧线. 用法 <path d="M30 90 Q115 139 200 90&

iOS动画:UIView动画和CALayer动画(CABasicAnimation、CAKeyframeAnimation的使用)

iOS中的动画有两种实现方式,一种是UIView来实现动画,另一种动画是通过CALayer来实现,下面介绍两种动画的简单实现: 一.UIView动画的实现 UIView使用Context来实现动画 关键代码: //参数1 动画名称 参数2 要实现动画的对象上下文          [UIView beginAnimations:@"attribute" context:_showImageView];          //设置动画的时间     [UIView setAnimatio

iOS开发系列-动画绘图CALayer

代码下载地址:https://github.com/wwpeter/WW-MotionDemo.git 概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌.在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看到动画操作在iOS中是如何简单和高效,很多原来想做但是苦于没有思路的动画在iOS中将变得越发简单:

IOS开发——UI进阶篇(十七)CALayer,核心动画基本使用

一.CALayer简介 1.CALayer在iOS中,文本输入框.一个图标等等,这些都是UIView你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层 在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层 @property(nonatomic,readonly,retain) CALayer *layer; 当UIView需

[iOS Animation]-CALayer 隐式动画

隐式动画 按照我的意思去做,而不是我说的. -- 埃德娜,辛普森 我们在第一部分讨论了Core Animation除了动画之外可以做到的任何事情.但是动画是Core Animation库一个非常显著的特性.这一章我们来看看它是怎么做到的.具体来说,我们先来讨论框架自动完成的隐式动画(除非你明确禁用了这个功能). 事务 Core Animation基于一个假设,说屏幕上的任何东西都可以(或者可能)做动画.动画并不需要你在Core Animation中手动打开,相反需要明确地关闭,否则他会一直存在.

[iOS Animation]-CALayer 显示动画 对图层树的动画

对图层树的动画 CATransition并不作用于指定的图层属性,这就是说你可以在即使不能准确得知改变了什么的情况下对图层做动画,例如,在不知道UITableView哪一行被添加或者删除的情况下,直接就可以平滑地刷新它,或者在不知道UIViewController内部的视图层级的情况下对两个不同的实例做过渡动画. 这些例子和我们之前所讨论的情况完全不同,因为它们不仅涉及到图层的属性,而且是整个图层树的改变--我们在这种动画的过程中手动在层级关系中添加或者移除图层. 这里用到了一个小诡计,要确保C

【Android】 给我一个Path,还你一个酷炫动画

本篇文章已授权微信公众号 hongyangAndroid (鸿洋)独家公布 转载请标明出处: http://blog.csdn.net/zxt0601/article/details/53040506 本文出自:[张旭童的CSDN](http://blog.csdn.net/zxt0601) 代码传送门:喜欢的话.随手点个star.多谢 https://github.com/mcxtzhang/PathAnimView 一 概述 原本仅仅是想模仿一下我魂牵梦萦的StoreHouse效果.没想到意

iOS开发——图形编程OC篇&amp;(三)CALayer隐式动画

CALayer隐式动画 在前面几讲中已经提到,每一个UIView内部都默认关联着一个CALayer,我们可用称这个Layer为Root Layer(根层).所有的非Root Layer,也就是手动创建的CALayer对象,都存在着隐式动画. * 当对非Root Layer的部分属性进行相应的修改时,默认会自动产生一些动画效果,这些属性称为Animatable Properties(可动画属性). * 列举几个常见的Animatable Properties: ? bounds:用于设置CALay