美文网首页
图片动画

图片动画

作者: toro宇 | 来源:发表于2018-10-24 08:54 被阅读4次

把一张图片旋转来做了一个加载动画,但发现动画在加载时跳转了页面返回后没加载完成动画也停止了

方案一:

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"cornerRadius"];
animation.toValue = @(upMenuView.height / 2);
animation.duration = 2;
animation.autoreverses = YES;
animation.repeatCount = CGFLOAT_MAX;
[upMenuView.layer addAnimation:animation forKey:@"cornerRadiusAnim"];

把动画的autoreverses属性设置成YES就解决了
CABasicAnimation属性 说明
duration 动画的时长
repeatCount 重复的次数。不停重复设置为 CGFLOAT_MAX
repeatDuration 设置动画的时间。在该时间内动画一直执行,不计次数。
beginTime 指定动画开始的时间。从开始延迟几秒的话,设置为【CACurrentMediaTime() + 秒数】 的方式
timingFunction 设置动画的速度变化
autoreverses 动画结束时是否执行逆动画
fromValue 所改变属性的起始值
toValue 所改变属性的结束时的值
byValue 所改变属性相同起始值的改变量

方案二:

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"];
animation.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
animation.toValue = [NSValue valueWithCATransform3D: CATransform3DMakeRotation(M_PI_2, 0.0, 0.0, 1.0) ];
animation.duration = 0.25;
animation.cumulative = YES;
animation.repeatCount = MAXFLOAT;
animation.removedOnCompletion = NO;

今天在研究CABasicAnimation时发现 A页面动画运行正常,跳转到B页面再返回后,A页面的动画不再运行了,这时候只要添加一句代码就可以解决了:animation.removedOnCompletion = NO;

相关文章

  • android 动画基础

    分类 :帧动画 (图片动画)视图动画属性动画 帧动画 :有多个图片组成方法 :· AnimationDrawab...

  • 图片动画

    把一张图片旋转来做了一个加载动画,但发现动画在加载时跳转了页面返回后没加载完成动画也停止了 方案一: CABasi...

  • 动画

    过渡动画 运动曲线 图片文字遮罩 transition动画 animation 动画 作业

  • YYImage/YYWebImage

    YYImage YYKit的图像框架 显示普通动画类型图片 显示帧动画 显示精灵图片精灵图片? 判断图片格式 YY...

  • 前端(动画)

    变形中心 背面可见 图片翻面 animation动画 人物走路动画 多帧动画 loading动画

  • UIImageView-帧动画

    animationImages的使用 创建临时数组 获取图片名,创建图片 设置动画图片 开始动画 代码抽取优化 先...

  • iOS动画

    实现动画方法有很多种:图片动画最简单的是用数组放多张图片,用UIImageView展示,但耗内存。UIView动画...

  • Flutter Hero/FadeTransition动画

    图片列表 --> 图片详情的 Hero动画 图片列表页 图片详情页

  • 更新图片翻面及animation

    更新图片翻面 animation动画 人物走路动画 多帧动画 loading动画 浏览器前缀

  • Unity C# 通用帧动画组件

    一个通用帧动画组件:循环替换图片,代替Animation。 基类: 图片帧动画子类:

网友评论

      本文标题:图片动画

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