UIImageView 和 CADisplayLink 實(shí)現(xiàn) Tom 湯姆貓動畫效果的區(qū)別

(1)UIImageView 的動畫操作倡缠,來自定義循環(huán)播放動畫(不建議使用萌抵,內(nèi)存消耗大)

(2)CADisplayLink 是一個計時器棍丐,但是同 NSTimer 不同的是渠牲,CADisplayLink 的刷新周期同屏幕完全一致。

例如在 iOS 中屏幕刷新周期是60次/秒泌参,CADisplayLink 刷新周期同屏幕刷新一致也是60次/秒竭业,這樣一來使用它完成的逐幀動畫(又稱為“時鐘動畫”)完全感覺不到動畫的停滯情況。

關(guān)鍵操作:

效果如下:

ViewController.h

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController
@property (strong, nonatomic) UIImageView *imgVAnimation;
@property (strong, nonatomic) CADisplayLink *displayLink;
 
@end
#import "ViewController.h"

@interface ViewController ()
- (void)layoutUI;
- (void)changeImage;
- (void)layoutUINoSuggest;
- (NSArray *)imagesFromGroups;
- (NSArray *)imagesFromFolderReferences;
@end

@implementation ViewController
#define kImgCount 29

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //[self layoutUINoSuggest];
    
    [self layoutUI];
}

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    
    //開始動畫及舍;對應(yīng)使用[self layoutUINoSuggest]的情況
    //[_imgVAnimation startAnimating];
    
    //實(shí)例化時鐘對象
    _displayLink=[CADisplayLink displayLinkWithTarget:self selector:@selector(changeImage)];
    //添加時鐘對象實(shí)例到主運(yùn)行循環(huán)
    [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    
    //停止動畫未辆;對應(yīng)使用[self layoutUINoSuggest]的情況
    //[_imgVAnimation stopAnimating];
    
    //從主運(yùn)行循環(huán)移除時鐘對象實(shí)例
    [_displayLink removeFromRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - 推薦使用的方式
/**
 *  使用CADisplayLink,來自定義循環(huán)播放動畫(推薦使用锯玛,內(nèi)存消耗小)
 *  CADisplayLink是一個計時器咐柜,但是同NSTimer不同的是,CADisplayLink的刷新周期同屏幕完全一致攘残。例如在iOS中屏幕刷新周期是60次/秒拙友,CADisplayLink刷新周期同屏幕刷新一致也是60次/秒,這樣一來使用它完成的逐幀動畫(又稱為“時鐘動畫”)完全感覺不到動畫的停滯情況
 */
- (void)layoutUI {
    _imgVAnimation = [[UIImageView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:_imgVAnimation];
}

- (void)changeImage {
    //定義一個變量記錄執(zhí)行次數(shù)
    static NSUInteger s=0;
    static NSUInteger indexOfImg = 0;
    //每秒執(zhí)行12次if內(nèi)的語句歼郭;分別當(dāng)s=5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60...
    s++;
    if (s % 5 == 0) {
        UIImage *image=[self imagesFromGroups][indexOfImg];
        _imgVAnimation.layer.contents=(id)image.CGImage; //更新圖片
        
        indexOfImg++;
        if (indexOfImg == kImgCount) {
            indexOfImg = 0;
        }
    }
}

#pragma mark - 不建議使用的方式
/**
 *  使用圖片視圖的動畫操作遗契,來自定義循環(huán)播放動畫(不建議使用,內(nèi)存消耗大)
 */
- (void)layoutUINoSuggest {
    _imgVAnimation = [[UIImageView alloc] initWithFrame:self.view.bounds];
    _imgVAnimation.animationImages = [self imagesFromGroups]; //引用圖片數(shù)組病曾,導(dǎo)致一次性加載圖片數(shù)組牍蜂,內(nèi)存消耗大
    //設(shè)置動畫持續(xù)時間(圖片播放周期時間,而不是播放一張圖片的時間)泰涂;單位為秒鲫竞;默認(rèn)值為每秒30幀(每秒播放30張圖片)
    _imgVAnimation.animationDuration = 3;
    //設(shè)置動畫播放重復(fù)次數(shù);默認(rèn)值為0逼蒙,表示無限循環(huán)
    _imgVAnimation.animationRepeatCount = 0;
    [self.view addSubview:_imgVAnimation];
}

#pragma mark - 讀取圖片文件數(shù)組操作
/**
 *  獲取來自分組(黃色文件夾)的圖片數(shù)組从绘;圖片文件路徑不需要包含文件夾
 *  使用右鍵“Add Files to...”->“Added folders” : “Create groups”,生成分組(黃色文件夾)
 *
 *  @return 來自分組(黃色文件夾)的圖片數(shù)組
 */
- (NSArray *)imagesFromGroups {
    NSMutableArray *mArrImgForAnimation = [[NSMutableArray alloc] initWithCapacity:kImgCount];
    NSString *strImgName;
    for (NSUInteger i=0; i<kImgCount; i++) {
        strImgName = [NSString stringWithFormat:(i<10 ? @"Happy000%lu" : @"Happy00%lu")
                      , (unsigned long)i];
        //[mArrImgForAnimation addObject:[UIImage imageNamed:strImgName]]; //[UIImage imageNamed:strImgName]會緩存圖片是牢,這里圖片多僵井,占內(nèi)存過大,不建議用
        
        //讀取方式一(推薦使用):
        NSString *path = [[NSBundle mainBundle] pathForResource:strImgName ofType:@"jpg"];
        //NSString *path = [[NSBundle mainBundle] pathForResource:strImgName ofType:nil]; //這種方式的話驳棱,strImgName的格式就為“xx.jpg”
        
        //讀取方式二:
        //NSString *path = [[[NSBundle mainBundle] bundlePath] stringByAppendingPathComponent:strImgName];
        
        //為數(shù)組mArrImgForAnimation添加數(shù)組元素
        [mArrImgForAnimation addObject:[UIImage imageWithContentsOfFile:path]]; //雖然沒緩存圖片批什,但也可能存在內(nèi)存泄露問題
    }
    return mArrImgForAnimation;
}

/**
 *  獲取來自文件夾引用(藍(lán)色文件夾)的圖片數(shù)組;圖片文件路徑需要包含文件夾
 *  使用右鍵“Add Files to...”->“Added folders” : “Create folder references”蹈胡,生成文件夾引用(藍(lán)色文件夾)
 *
 *  @return 來自文件夾引用(藍(lán)色文件夾)的圖片數(shù)組
 */
- (NSArray *)imagesFromFolderReferences {
    NSMutableArray *mArrImgForAnimation = [[NSMutableArray alloc] initWithCapacity:kImgCount];
    NSString *strImgName;
    for (NSUInteger i=0; i<kImgCount; i++) {
        strImgName = [NSString stringWithFormat:(i<10 ? @"Happy000%lu" : @"Happy00%lu")
                      , (unsigned long)i];
        
        //讀取方式一(推薦使用):
        NSString *path = [[NSBundle mainBundle] pathForResource:strImgName ofType:@"jpg" inDirectory:@"TomCat"];
        //NSString *path = [[NSBundle mainBundle] pathForResource:strImgName ofType:nil inDirectory:@"TomCat"]; //這種方式的話渊季,strImgName的格式就為“xx.jpg”
        
        //讀取方式二:
        //NSString *bundlePath = [[[NSBundle mainBundle] bundlePath] stringByAppendingPathComponent:@"TomCat"];
        //NSString *path = [bundlePath stringByAppendingPathComponent:strImgName];
        
        //為數(shù)組mArrImgForAnimation添加數(shù)組元素
        [mArrImgForAnimation addObject:[UIImage imageWithContentsOfFile:path]]; //雖然沒緩存圖片,但也可能存在內(nèi)存泄露問題
    }
    return mArrImgForAnimation;
}
 @end
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末罚渐,一起剝皮案震驚了整個濱河市却汉,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌荷并,老刑警劉巖合砂,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異源织,居然都是意外死亡翩伪,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門谈息,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缘屹,“玉大人,你說我怎么就攤上這事侠仇∏嶙耍” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵逻炊,是天一觀的道長互亮。 經(jīng)常有香客問我,道長余素,這世上最難降的妖魔是什么豹休? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮桨吊,結(jié)果婚禮上威根,老公的妹妹穿的比我還像新娘。我一直安慰自己视乐,他們只是感情好医窿,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著炊林,像睡著了一般姥卢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上渣聚,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天独榴,我揣著相機(jī)與錄音,去河邊找鬼奕枝。 笑死棺榔,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的隘道。 我是一名探鬼主播症歇,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼郎笆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了忘晤?” 一聲冷哼從身側(cè)響起宛蚓,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎设塔,沒想到半個月后凄吏,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡闰蛔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年痕钢,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片序六。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡任连,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出例诀,到底是詐尸還是另有隱情课梳,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布余佃,位于F島的核電站暮刃,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏爆土。R本人自食惡果不足惜椭懊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望步势。 院中可真熱鬧氧猬,春花似錦、人聲如沸坏瘩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽倔矾。三九已至妄均,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間哪自,已是汗流浹背丰包。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留壤巷,地道東北人邑彪。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像胧华,于是被迫代替她去往敵國和親寄症。 傳聞我的和親對象是個殘疾皇子宙彪,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容