美文网首页
关于转盘的一点展示

关于转盘的一点展示

作者: Fillinse | 来源:发表于2019-07-10 11:30 被阅读0次
1.gif

整个过程没什么特别需要注意的,反正就是几何到代码的转换过程,有一个点需要注意

CABasicAnimation *basic = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    basic.duration = _animationDuration;
    basic.fromValue = @(from);
    basic.toValue = @(to);
    basic.removedOnCompletion = NO;
    basic.delegate = self;
    basic.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];;
    [_shapeLayer addAnimation:basic forKey:@"basic"];

这段中fromValuetoValue,还有没出现的byValue,跟其他动画的值的计算有一些不同。在位移或者其他动画中,这个几个值分别代表动画的起始,终点,过程值,然后值都是直接使用的,比如从X坐标的2移动端到10,那么fromValue=@(2),toValue=@(10),都是值的直接赋予。在strokeEnd这里则不一样,他的值的范围为0-1,是一种比例。比如在我们的demo中,如果轮盘的数量从3变化到2,如果消失的是下面那块,则第一块的起点坐标不会变化,终止角度从120度到了180,那么画的时候,起点fromValue = @(1/3.0);toValue=@(0.5);这个是需要注意的,因为值一旦不对,就不会有动画。所以,一旦发现没有动画,就说明这个值产生了问题。
代码比较粗糙,有时间会整理
下载地址 https://github.com/fillinse/turnTable

相关文章

  • 关于转盘的一点展示

    整个过程没什么特别需要注意的,反正就是几何到代码的转换过程,有一个点需要注意 这段中fromValue和toVal...

  • 关于转盘抽奖的一点感想

    隐隐觉得简书转盘抽奖的必然性大于偶然性,也就是说,抽中一万加成卡的偶然性非常低,而抽中十个二十个加成卡的必然性相当...

  • 关于转盘抽奖的事情

    作为一名中奖绝缘体,中大奖是不奢望的,但是还是觉得小福利什么的来点也还呀。每次看那个指针转转转,好希望它停...

  • 时来运转,1万加成卡

    流水的简书,铁打的转盘。也许是已经养成习惯了,我每天都会把转盘点完。点击转盘的时候,也捯饬一点别的事情,这样就显得...

  • 关于天天转盘抽奖

    最近,我点击双倍领取不再需要像以前那样看30秒视频了,直接就兑换成功,不知道你们是不是这样呢,欢迎讨论

  • 终于抽到10000收益加成卡了

    初来简书,看什么都是新奇的。 写文之于我,感觉有点难度。 简书一点一点摸索各种功能,最喜欢的就是转盘。 转盘最想转...

  • 网络写作千万条,精简修改第一条

    15/100 昨天鳄鱼给大家分享了关于写作的小转盘,这个小转盘包括:目标、读者、头脑风暴、组织、写初稿、修改。 上...

  • 025 锚定效应-先开价,真的就输了吗?

    诺贝尔经济学奖得主丹尼尔卡内曼教授曾经做过“幸运之轮”的一个实验。他先有意给学生们展示100个格的转盘,他对转盘做...

  • jquery rotate幸运抽奖大转盘

    大转盘图片展示: 下载地址:http://www.jq22.com/jquery-info308演示地址:http...

  • 我又中了一万借钻 作者:爱

    刚写完一篇文章投稿发表完。我就开始玩转盘。 才开始转了2个钻,10个钻和锦鲤。 到第8次转盘时,我一点动转盘,就闭...

网友评论

      本文标题:关于转盘的一点展示

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