iOS之加載Gif圖片的方法
Gif圖片是非常常見(jiàn)的圖片格式，尤其是在聊天的過(guò)程中，Gif表情使用地很頻繁。但是iOS竟然沒(méi)有現(xiàn)成的支持加載和播放Gif的類。
簡(jiǎn)單地匯總了一下，大概有以下幾種方法：
一、加載本地Gif文件
1、使用UIWebView
// 讀取gif圖片數(shù)據(jù)
UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,0,200,200)];
[self.view addSubview:webView];
NSString *path = [[NSBundle mainBundle] pathForResource:@"001" ofType:@"gif"];
/*
NSData *data = [NSData dataWithContentsOfFile:path];
使用loadData:MIMEType:textEncodingName: 則有警告
[webView loadData:data MIMEType:@"image/gif" textEncodingName:nil baseURL:nil];
*/
NSURL *url = [NSURL URLWithString:path];
[webView loadRequest:[NSURLRequest requestWithURL:url]];
但是使用UIWebView的弊端在于，不能設(shè)置Gif動(dòng)畫(huà)的播放時(shí)間。
2、將Gif拆分成多張圖片，使用UIImageView播放
最好把所需要的Gif圖片打包到Bundle文件內(nèi),如下圖所示
- (NSArray *)animationImages
{
NSFileManager *fielM = [NSFileManager defaultManager];
NSString *path = [[NSBundle mainBundle] pathForResource:@"Loading" ofType:@"bundle"];
NSArray *arrays = [fielM contentsOfDirectoryAtPath:path error:nil];
NSMutableArray *imagesArr = [NSMutableArray array];
for (NSString *name in arrays) {
UIImage *image = [UIImage imageNamed:[(@"Loading.bundle") stringByAppendingPathComponent:name]];
if (image) {
[imagesArr addObject:image];
}
}
return imagesArr;
}
- (void)viewDidLoad {
[super viewDidLoad];
UIImageView *gifImageView = [[UIImageView alloc] initWithFrame:frame];
gifImageView.animationImages = [self animationImages]; //獲取Gif圖片列表
gifImageView.animationDuration = 5; //執(zhí)行一次完整動(dòng)畫(huà)所需的時(shí)長(zhǎng)
gifImageView.animationRepeatCount = 0; //動(dòng)畫(huà)重復(fù)次數(shù)
[gifImageView startAnimating];
[self.view addSubview:gifImageView];
}
3、使用SDWebImage
但是很遺憾，SDWebImage 的 sd_setImageWithURL:placeholderImage:這個(gè)方法是不能播放本地Gif的，它只能顯示Gif的第一張圖片而已。So，此方法行不通
UIImageView *gifImageView = [[UIImageView alloc] initWithFrame:frame]; [gifImageView sd_setImageWithURL:nil placeholderImage:[UIImage imageNamed:@"gifTest.gif"]];
其實(shí)，在SDWebImage這個(gè)庫(kù)里有一個(gè)UIImage+GIF的類別，里面為UIImage擴(kuò)展了三個(gè)方法：
@interface UIImage (GIF) + (IImage *)sd_animatedGIFNamed:(NSString *)name; + (UIImage *)sd_animatedGIFWithData:(NSData *)data; - (UIImage *)sd_animatedImageByScalingAndCroppingToSize:(CGSize)size; @end
大家一看就知道，我們要獲取處理后的Gif圖片，其實(shí)只要調(diào)用前面兩個(gè)中的其中一個(gè)方法就行了
注意：第一個(gè)只需要傳Gif的名字，而不需要帶擴(kuò)展名(如Gif圖片名字為001@2x.gif，只需傳001即可)
我們就使用第二個(gè)方法試一試效果:
NSString *path = [[NSBundle mainBundle] pathForResource:@"gifTest" ofType:@"gif"]; NSData *data = [NSData dataWithContentsOfFile:path]; UIImage *image = [UIImage sd_animatedGIFWithData:data]; gifImageView.image = image;
然后通過(guò)斷點(diǎn)，我們看下獲取到的image是個(gè)什么樣的東東：
我們發(fā)現(xiàn)：
image的isa指針指向了_UIAnimatedImage ，說(shuō)明它是一個(gè)叫作_UIAnimatedImage 的類(當(dāng)然，這個(gè)_UIAnimatedImage 蘋果是不會(huì)直接讓我們使用的)
_images 表示：這個(gè)Gif包含了多少?gòu)垐D片
_duration表示：執(zhí)行一次完整動(dòng)畫(huà)所需的時(shí)長(zhǎng)
其實(shí)，動(dòng)畫(huà)執(zhí)續(xù)時(shí)間_duration也可以更改！
我們來(lái)看下此方法的內(nèi)部實(shí)現(xiàn)：
+ (UIImage *)sd_animatedGIFWithData:(NSData *)data {
if (!data) {
return nil;
}
CGImageSourceRef source = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);
size_t count = CGImageSourceGetCount(source);
UIImage *animatedImage;
if (count <= 1) {
animatedImage = [[UIImage alloc] initWithData:data];
}
else {
NSMutableArray *images = [NSMutableArray array];
NSTimeInterval duration = 0.0f;
for (size_t i = 0; i < count; i++) {
CGImageRef image = CGImageSourceCreateImageAtIndex(source, i, NULL);
duration += [self sd_frameDurationAtIndex:i source:source];
[images addObject:[UIImage imageWithCGImage:image scale:[UIScreen mainScreen].scale orientation:UIImageOrientationUp]];
CGImageRelease(image);
}
if (!duration) {
duration = (1.0f / 10.0f) * count;
}
animatedImage = [UIImage animatedImageWithImages:images duration:duration];
}
CFRelease(source);
return animatedImage;
}
很明顯，duration是可以隨意更改的，只不過(guò)此方法設(shè)置了一個(gè)默認(rèn)值
(duration = (1.0f / 10.0f) * count)
歸根到底，創(chuàng)建新的動(dòng)態(tài)的Image其實(shí)是調(diào)用了系統(tǒng)提供的一個(gè)UIImage的類方法而已:
UIImage *animatedImage = [UIImage animatedImageWithImages:images duration:duration];
二、加載網(wǎng)絡(luò)Gif文件
加載網(wǎng)絡(luò)的Gif文件就簡(jiǎn)單多了。最簡(jiǎn)單的方法，我們只需要使用SDWebImage 的 sd_setImageWithURL:這個(gè)方法傳入Gif文件是url地址即可。
糾其原因：稍微仔細(xì)看了SDWebImage內(nèi)部實(shí)現(xiàn)就可以清楚，大概是以下幾個(gè)步驟：
1、SDWebImage根據(jù)url將Gif文件下載下來(lái)，格式為一個(gè)NSData
2、如果判斷是Gif格式，則會(huì)調(diào)用** sd_animatedGIFWithData:** 將Data轉(zhuǎn)換成我們需要的Gif格式
3、通過(guò)上面的方法二即可顯示出Gif圖片
UIImage *image = [UIImage sd_animatedGIFWithData:data]; gifImageView.image = image;
總結(jié)
一、加載本地Gif文件
1、使用UIWebView不可以設(shè)置duration，其他兩種方法都可設(shè)置。而且方法1的容器為UIWebView ，其余兩種的容器都是大家熟悉的UIImageView
2、方法2和方法3需要對(duì)應(yīng)看應(yīng)用場(chǎng)景
如：下拉、上拉加載控件需要一個(gè)根據(jù)拉動(dòng)距離設(shè)置特定的Image，則需要使用方法2
直接顯示Gif圖片，則使用方法3會(huì)更方便
二、加載網(wǎng)絡(luò)Gif文件
直接使用SDWebImage 的 sd_setImageWithURL:這個(gè)方法傳入Gif文件是url地址即可
PS:簡(jiǎn)單小Demo
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
詳解iOS應(yīng)用開(kāi)發(fā)中的ARC內(nèi)存管理方式
這篇文章主要介紹了詳解iOS應(yīng)用開(kāi)發(fā)中的ARC內(nèi)存管理方式,文中示例基于Objective-C語(yǔ)言,需要的朋友可以參考下2016-02-02
iOS開(kāi)發(fā)學(xué)習(xí)之監(jiān)測(cè)程序的崩潰次數(shù)詳解
iOS開(kāi)發(fā)中遇到程序崩潰是很正常的事情，下面這篇文章主要給大家介紹了關(guān)于iOS如何監(jiān)測(cè)程序崩潰次數(shù)的相關(guān)資料，文中通過(guò)詳細(xì)的示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-07-07
這篇文章主要給大家介紹了關(guān)于iOS中各種UI控件屬性設(shè)置的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
本篇文章主要介紹了iOS 在線視頻生成GIF圖功能的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
MAC中顯示隱藏文件和不顯示隱藏文件的方法(超簡(jiǎn)單)
下面小編就為大家分享一篇MAC中顯示隱藏文件和不顯示隱藏文件的方法(超簡(jiǎn)單)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Flutter開(kāi)發(fā)Widgets?之?PageView使用示例
這篇文章主要為大家介紹了Flutter開(kāi)發(fā)Widgets?之?PageView使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要為大家詳細(xì)介紹了iOS開(kāi)發(fā)UI之弧形文字，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了iOS開(kāi)發(fā)微信支付的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
IOS 開(kāi)發(fā)狀態(tài)欄隱藏的實(shí)現(xiàn)辦法
這篇文章主要介紹了IOS 開(kāi)發(fā)狀態(tài)欄隱藏的實(shí)現(xiàn)辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要給大家介紹了關(guān)于iOS中NSPredicate謂詞的使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)各位iOS開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01