iOS 仿直播321倒計時動畫

2021-08-04 08:52:24 字數 1209 閱讀 6610

今天碰到乙個需求,仿全民直播的321倒計時動畫,類似下圖的效果,其實仔細想想並不難,但在網上找了下,有的做的還是有點複雜了,在這裡分享下我的做法。

無非就是乙個倒計時,這裡nstimer實現,然後乙個label,並且對label裡的數字實施動畫,產生如圖的效果。這裡動畫採用的是cakeyframeanimation,因為它可以設定變化陣列,符合我們的放大縮小復原需求。

這裡自定義了個countdownlabel繼承制uilabel,並在內部實現了倒計時,預設開始時間是3。

//.h檔案

#import

@inte***ce

countdownlabel : uilabel

//開始倒計時時間

@property (nonatomic, assign) int count;

//執行這個方法開始倒計時

- (void)startcount;

@end

//.m檔案

#import "countdownlabel.h"

@inte***ce

countdownlabel()

@property (nonatomic, strong) nstimer *timer;

@end

@implementation

countdownlabel

//開始倒計時

- (void)startcount

- (void)inittimer

_timer = [nstimer scheduledtimerwithtimeinterval:1.0 target:self selector:@selector(countdown) userinfo:nil repeats:yes];

}- (void)countdownelse

}

具體用法

#import "countdownlabel.h"

......

//倒計時動畫

- (void)initcountdownlabel

**已上傳github

實現乙個功能有很多種方法,我這個方法怎麼樣呢,感覺對你有幫助的話給個贊吧。

iOS倒計時動畫

效果圖 製作成gif之後,幀率變快了,看起來很彆扭,實際上是每秒執行一次的 h 檔案 inte ce countdownview uiview property nonatomic,assign long long time property nonatomic,assign,readonly lo...

Unity倒計時動畫

最近在做乙個小遊戲開始的時候需要用到倒計時的效果,具體效果為每秒顯示3,2,1,go,然後字型由大到小,透明度由淺到深。下面介紹三種方法。1.最直接的方法,自己寫倒計時的函式,開協程改變字型大小和透明度,這種方法較為簡單,下面是我寫的 其中state為需要改變的text的text元件 public ...

iOS 倒計時按鈕

1 新建乙個類,取名為 timerbtn,繼承uibutton 2 在timer.h中新增如下 import inte ce timerbtn uibutton 建立倒計時按鈕 param frame 位置大小 param title 標題 param ntimer 倒計時時間 return 倒計時...