美文网首页
画圆圈动画出现先慢后快的情况

画圆圈动画出现先慢后快的情况

作者: 雾霭天涯 | 来源:发表于2019-09-26 16:42 被阅读0次
    UIView *demoView = [[UIView alloc] initWithFrame:CGRectMake(0, 100, 300, 300)];
    [self.view addSubview:demoView];

    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.frame = demoView.bounds;

    shapeLayer.fillColor = [UIColor clearColor].CGColor;
    shapeLayer.lineWidth = 2.0f;
    [demoView.layer addSublayer:shapeLayer];
    shapeLayer.strokeColor = [UIColor redColor].CGColor;

    UIBezierPath* ratePath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(demoView.frame.size.width/2.0, demoView.frame.size.height/2.0) radius:demoView.frame.size.width/2.0 startAngle:(M_PI) endAngle:M_PI*(0.4+1) clockwise:true];
    shapeLayer.path = ratePath.CGPath;

    CABasicAnimation *pathAnima = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    pathAnima.duration = 3.0f;
    pathAnima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    pathAnima.fromValue = [NSNumber numberWithFloat:0.0f];
    pathAnima.toValue = [NSNumber numberWithFloat:1.0f];
    pathAnima.fillMode = kCAFillModeForwards;
    pathAnima.removedOnCompletion = NO;
    [shapeLayer addAnimation:pathAnima forKey:@"strokeEndAnimation"];

注意如果不添加此句 会导致动画执行不均匀,出现先慢后快的情况

pathAnima.removedOnCompletion = NO;

相关文章

  • 画圆圈动画出现先慢后快的情况

    注意如果不添加此句 会导致动画执行不均匀,出现先慢后快的情况 pathAnima.removedOnComplet...

  • 《先慢后快》

    经历今天上半年自己过得很忙,也很累,自己被耗掉,如煤油灯一样,没有油了还要拼命的燃烧,干烧一段时间自己还是想坚...

  • AnimationOptions

    枚举大概控制的是这几个要素:当前动画嵌套中的动画执行随时间的快慢种类(先快后慢等..)。动画要一直重复吗。如果我使...

  • 随想111

    夯实基础,先慢后快。

  • 来学小汽车怎么画吧

    首先先画两个小圆圈,给圆圈里再加上一些小圆圈,尽量多加一点,现在开始画它的下半部分,先画出一个可以放小汽车的,鼓包...

  • 缓动动画js小算法

    后宫请翻Tween.js 1. 先快后慢的缓动动画 用一个简单的公式表示就是: 用人话讲就是: 先来介绍下requ...

  • 《心理学》在线练习⑤

    一、单项选择题 1、艾宾浩斯遗忘曲线表明,遗忘的进程表现出( )的特点。 A.先快后慢 B.先慢后快 C.不快不慢...

  • 5/10/半马/全马,你还知道的

    合理的速度和节奏计划是保证顺利完赛的关键!马拉松赛道上,跑者模式各异,但只有几种常见的配速跑:先快后慢、先慢后快、...

  • 欲速则不达

    慢就是快,快就是慢 动画片一休哥糯米团比赛

  • 遇快先慢

    关于我是个急性子还是个慢性子的问题,我一直都有疑惑,从我自身的习惯来讲,我的确很着急,比如求学时代,上课回答问题时...

网友评论

      本文标题:画圆圈动画出现先慢后快的情况

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