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 求模就行了.

以上是“iOS如何實現數字倍數動畫效果”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！