前言
一個簡單的利用 透明度和 縮放 實現的 數字倍數動畫
效果圖:
實現思路
上代碼 看比較清晰
// 數字跳動動畫- (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 求模就行了.
總結
這個動畫比較適合 有些直播場景的點擊操作計數相關.
好了,以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對VEVB武林網的支持。
新聞熱點
疑難解答