1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      iOS实现数字倍数动画效果

       更新时间£º2019年02月28日 14:28:44   作者£ºG_猿   我要评论

      在iOS开发中,制作动画效果是最让开发者享受的环节之一£¬下面这篇文章主要给大家介绍了关于iOS实现数字倍数动画效果的相关资料£¬文中通过示例代码介绍的非常详细£¬对大家的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面来一起学习学习吧

      前言

      一个简单的利用 透明度和 缩放 实现的 数字倍数动画

      效果图£º

      实现思路

      上代码 看比较清晰

      // 数字跳动动画
      - (void)labelDanceAnimation:(NSTimeInterval)duration {
       //透明度
       CABasicAnimation *opacityAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
       opacityAnimation.duration = 0.4 * duration;
       opacityAnimation.fromValue = @0.f;
       opacityAnimation.toValue = @1.f;
      
       //缩放
       CAKeyframeAnimation *scaleAnimation = [CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
       scaleAnimation.duration = duration;
       scaleAnimation.values = @[@3.f, @1.f, @1.2f, @1.f];
       scaleAnimation.keyTimes = @[@0.f, @0.16f, @0.28f, @0.4f];
       scaleAnimation.removedOnCompletion = YES;
       scaleAnimation.fillMode = kCAFillModeForwards;
      
       CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
       animationGroup.animations = @[opacityAnimation, scaleAnimation];
       animationGroup.duration = duration;
       animationGroup.removedOnCompletion = YES;
       animationGroup.fillMode = kCAFillModeForwards;
      
       [self.comboLabel.layer addAnimation:animationGroup forKey:@"kComboAnimationKey"];
      }

      利用一个透明度从 0 ~ 1之间的alpha,然后缩放 之后加到动画组实现一下就好了

      切记动画完成最好移除 否则可能引起动画内存问题

      这里设置斜体字体

      self.comboLabel.font = [UIFont fontWithName:@"AvenirNext-BoldItalic" size:50];

      看着比较明显

      最后按钮点击的时候调用

      - (IBAction)clickAction:(UIButton *)sender {
       self.danceCount++;
       [self labelDanceAnimation:0.4];
       self.comboLabel.text = [NSString stringWithFormat:@"+ %tu",self.danceCount];
      }

      如果实现 dozen动画的话很简单, danceCount % 10 == 0 求模就行了.

      总结

      这个动画比较适合 有些直播场景的点击操作计数相关.

      好了£¬以上就是这篇文章的全部内容了£¬希望本文的内容对大家的学习或者工作具有一定的参考学习价值£¬如果有疑问大家可以留言交流£¬谢谢大家对脚本之家的支持¡£

      相关文章

    4. 关于iOS 11下app图标变空白问题的解决方法

      关于iOS 11下app图标变空白问题的解决方法

      升级到iOS11系统下自己的项目桌面app图标不见了,通过查找相关的资?#29616;?#20110;找到了解决方法,下面这篇文章主要给大家介绍了关于iOS 11下app图标变空白问题的解决方法£¬文中通过示例代码介绍的非常详细£¬需要的朋友可以参考下¡£
      2017-12-12
    5. IOS 仿时光网选票UI实例代码

      IOS 仿时光网选票UI实例代码

      这篇文章主要介绍了IOS 仿时光网选票UI实例代码的相关资料,需要的朋友可以参考下
      2016-09-09
    6. KVO实现自定义文件复制进度效果

      KVO实现自定义文件复制进度效果

      这篇文章主要为大家详细介绍了KVO实现自定义文件复制进度效果£¬具有一定的参考价值£¬?#34892;?#36259;的小伙伴们可以参?#23478;?#19979;
      2017-08-08
    7. 深入学习iOS7自定义导航转场动画

      深入学习iOS7自定义导航转场动画

      这篇文章主要为大家详细介绍了iOS7自定义导航转场动画的相关资料£¬?#34892;?#36259;的小伙伴们可以参?#23478;?#19979;
      2016-02-02
    8. iOS实现启动引?#23478;?#19982;指?#24179;?#38145;的方法详解

      iOS实现启动引?#23478;?#19982;指?#24179;?#38145;的方法详解

      这篇文章主要给大家介绍了关于iOS实现启动引?#23478;?#19982;指?#24179;?#38145;的相关资料£¬文中通过示例代码介绍的非常详细£¬对大家的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面随着小编来一起学习学习吧¡£
      2018-02-02
    9. iOS中Block的回调使用和解析详解

      iOS中Block的回调使用和解析详解

      刚刚进入iOS开发行业£¬发现开发中要用到大量的block回调£¬由此可见它的重要性¡£本文主要讲的是 Block 回调的使用£¬以及 Block 是如何实现这种神奇的回调两部分来讲的,下面来一起看看吧¡£
      2016-09-09
    10. iOS9 系统分享调用之UIActivityViewController

      iOS9 系统分享调用之UIActivityViewController

      UIActivityViewController类是一个标准的view controller£¬通个使用这个controller£¬你的应用程序就可以提供各种服务¡£本文给大家介绍iOS9 系统分享调用之UIActivityViewController£¬?#34892;?#36259;的朋友一起学习吧
      2015-11-11
    11. IOS中微信小程序播放缓存的音频文件的方法

      IOS中微信小程序播放缓存的音频文件的方法

      本文给大家分享的是如何在微信小程序中播放缓存到本地的音频文件的方法£¬区分了IOS和安卓的不同策略£¬非常不错£¬推荐给大家
      2017-12-12
    12. 最新评论

      常用在线小工具

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>