快捷導(dǎo)航

iOS實(shí)現(xiàn)數(shù)字倍數(shù)動(dòng)畫效果

更新時(shí)間：2019年02月28日 14:28:44 作者：G_猿

在iOS開發(fā)中,制作動(dòng)畫效果是最讓開發(fā)者享受的環(huán)節(jié)之一，下面這篇文章主要給大家介紹了關(guān)于iOS實(shí)現(xiàn)數(shù)字倍數(shù)動(dòng)畫效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

前言

一個(gè)簡(jiǎn)單的利用透明度和縮放實(shí)現(xiàn)的數(shù)字倍數(shù)動(dòng)畫

效果圖：

實(shí)現(xiàn)思路

上代碼看比較清晰

// 數(shù)字跳動(dòng)動(dòng)畫
- (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"];
}

利用一個(gè)透明度從 0 ~ 1之間的alpha,然后縮放之后加到動(dòng)畫組實(shí)現(xiàn)一下就好了

切記動(dòng)畫完成最好移除否則可能引起動(dòng)畫內(nèi)存問題

這里設(shè)置斜體字體

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

看著比較明顯

最后按鈕點(diǎn)擊的時(shí)候調(diào)用

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

如果實(shí)現(xiàn) dozen動(dòng)畫的話很簡(jiǎn)單, danceCount % 10 == 0 求模就行了.

總結(jié)

這個(gè)動(dòng)畫比較適合有些直播場(chǎng)景的點(diǎn)擊操作計(jì)數(shù)相關(guān).

好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: