背景介紹:
APP啟動(dòng)頁(yè),常有靜態(tài)圖加鏈接浦箱,gif加鏈接吸耿,短視頻等幾種形式祠锣。
我們APP前期只有靜態(tài)圖這一種,功能已經(jīng)實(shí)現(xiàn)咽安。
之后伴网,有了添加gif的需求,按理說(shuō)妆棒,只要添加一個(gè)類型判斷澡腾,按照數(shù)據(jù)類型,通過(guò)不同方法展示內(nèi)容即可,但是一直不可以糕珊。动分。
出了這樣的問(wèn)題,下好的gif圖,內(nèi)容類型沒(méi)錯(cuò)但是通過(guò)對(duì)應(yīng)的gif方法顯示的內(nèi)容一直是一張靜態(tài)圖红选,并且還是模糊的澜公。
因?yàn)橹暗南螺d圖片,以及顯示圖片的邏輯完全沒(méi)問(wèn)題喇肋,所以定位問(wèn)題在顯示gif的方法上坟乾,所以走了彎路,但是這條彎路是必然要走的蝶防。
- 下面開(kāi)始我們的星辰大海甚侣,我們的目標(biāo)是終結(jié)問(wèn)題
先看源碼--原來(lái)的代碼
/**
* 下載新的圖片
*/
+ (void)downloadAdImageWithUrl:(NSString *)imageUrl imageName:(NSString *)imageName imgLinkUrl:(NSString *)imgLinkUrl imgDeadline:(NSString *)imgDeadline imgStartline:(NSString *)imgstartline
{
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:imageUrl]];
UIImage *image = [UIImage imageWithData:data];
NSString *filePath = [self getFilePathWithImageName:imageName]; // 保存文件的名稱
[UIImageJPEGRepresentation(image, 0) writeToFile:filePath atomically:YES];
if ([UIImageJPEGRepresentation(image, 0) writeToFile:filePath atomically:YES]) {
// 保存成功
//判斷保存下來(lái)的圖片名字和本地沙盒中存在的圖片是否一致,如果不一致间学,說(shuō)明圖片有更新渺绒,此時(shí)先刪除沙盒中的舊圖片,如果一致說(shuō)明是刪除緩存后再次下載菱鸥,這時(shí)不需要進(jìn)行刪除操作宗兼,否則找不到已保存的圖片
if (![imageName isEqualToString:[[NSUserDefaults standardUserDefaults] objectForKey:adImageName] ]) {
[self deleteOldImage];
}
[[NSUserDefaults standardUserDefaults] setValue:imageName forKey:adImageName];
[[NSUserDefaults standardUserDefaults] setValue:imageUrl forKey:adUrl];
[[NSUserDefaults standardUserDefaults] setValue:imgDeadline forKey:adDeadline];
[[NSUserDefaults standardUserDefaults] setValue:imgstartline forKey:adstartline];
//保存圖片
// [[NSUserDefaults standardUserDefaults] setValue:@"" forKey:@"Deadline"];
// [[NSUserDefaults standardUserDefaults] setValue:@"" forKey:@"startline"];
[[NSUserDefaults standardUserDefaults] synchronize];//立即寫(xiě)入
}else{
NSLog(@"保存失敗");
}
});
}
通過(guò)在沙盒路徑,獲取gif圖
-(void)setImgFilePath:(NSString *)imgFilePath{
_imgFilePath = imgFilePath;
if ([_imgFilePath hasSuffix:@"gif"]) {
_adImageView.image = [UIImage sd_animatedGIFWithData:[NSData dataWithContentsOfFile:imgFilePath]];
}else{
_adImageView.image = [UIImage imageWithContentsOfFile:_imgFilePath];
}
}
以上兩個(gè)方法一個(gè)實(shí)現(xiàn)下載氮采,一個(gè)實(shí)現(xiàn)顯示殷绍,起初只有一張圖片做啟動(dòng)圖的時(shí)候,這種寫(xiě)法勉強(qiáng)用鹊漠,雖然走了彎路主到,但是不會(huì)影響實(shí)現(xiàn)效果
但是新需求是需要加載gif,或許以后還有小視頻
- 問(wèn)題出來(lái)了
- 1.gif一直下載不下來(lái)躯概,起初修改了方法登钥,畢竟gif有3M不小,所以換了下載方法娶靡,如下
這個(gè)方法牧牢,下圖片還行,你要是下載個(gè)大點(diǎn)的gif那就不合適了
NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:imageUrl]];
UIImage *image = [UIImage imageWithData:data];
- 那就改成下邊的下載方法,適合稍大一點(diǎn)的文件下載
[NSURLConnection sendAsynchronousRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:imageUrl]]
queue:[NSOperationQueue mainQueue]
completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) {
if (!connectionError) {
} else {
}
}];
但是下載解決了問(wèn)題后,發(fā)現(xiàn)還不能正常顯示塔鳍,但是項(xiàng)目中其他地方是沒(méi)問(wèn)題的啊伯铣,所以一直糾結(jié)于下面這個(gè)賦圖的方法,其實(shí)是完全沒(méi)問(wèn)題的,只是數(shù)據(jù)就不對(duì)了
_adImageView.image = [UIImage sd_animatedGIFWithData:[NSData dataWithContentsOfFile:imgFilePath]];
這個(gè)時(shí)候注意到轮纫,問(wèn)題所在
- 原因是下載的圖片資源沒(méi)有直接保存到某個(gè)路徑下腔寡,而是先轉(zhuǎn)成圖片,然后圖片轉(zhuǎn)data保存了掌唾,多此一舉了放前,重要的是,gif圖的話糯彬,就把原來(lái)的資源都改變了犀斋,用的時(shí)候,獲取的資源自然就出問(wèn)題了
下面為修正之后的方法
+ (void)downloadAdImageWithUrl:(NSString *)imageUrl imageName:(NSString *)imageName imgLinkUrl:(NSString *)imgLinkUrl imgDeadline:(NSString *)imgDeadline imgStartline:(NSString *)imgstartline
{
[NSURLConnection sendAsynchronousRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:imageUrl]]
queue:[NSOperationQueue mainQueue]
completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) {
if (!connectionError) {
NSString *filePath = [self getFilePathWithImageName:imageName]; // 保存文件的名稱
//圖片data直接存儲(chǔ)情连,不需要轉(zhuǎn)image然后再轉(zhuǎn)data
if ([data writeToFile:filePath atomically:YES]) {
// 保存成功
//判斷保存下來(lái)的圖片名字和本地沙盒中存在的圖片是否一致叽粹,如果不一致,說(shuō)明圖片有更新却舀,此時(shí)先刪除沙盒中的舊圖片虫几,如果一致說(shuō)明是刪除緩存后再次下載,這時(shí)不需要進(jìn)行刪除操作挽拔,否則找不到已保存的圖片
if (![imageName isEqualToString:[[NSUserDefaults standardUserDefaults] objectForKey:adImageName] ]) {
[self deleteOldImage];
}
[[NSUserDefaults standardUserDefaults] setValue:imageName forKey:adImageName];
[[NSUserDefaults standardUserDefaults] setValue:imageUrl forKey:adUrl];
[[NSUserDefaults standardUserDefaults] setValue:imgDeadline forKey:adDeadline];
[[NSUserDefaults standardUserDefaults] setValue:imgstartline forKey:adstartline];
//保存圖片
// [[NSUserDefaults standardUserDefaults] setValue:@"" forKey:@"Deadline"];
// [[NSUserDefaults standardUserDefaults] setValue:@"" forKey:@"startline"];
[[NSUserDefaults standardUserDefaults] synchronize];//立即寫(xiě)入
}else{
NSLog(@"保存失敗");
}
} else {
}
}];
return;
}
測(cè)試之后辆脸,正常顯示gif。螃诅。啡氢。問(wèn)題得以解決!
總結(jié)术裸,往往問(wèn)題就在你以為不可能出錯(cuò)的地方倘是!慎重定位問(wèn)題,慎重袭艺!