從網絡獲取的gif圖,在本地一直是沒有動畫,還模糊的

背景介紹:

APP啟動頁,常有靜態圖加鏈接,gif加鏈接,短視頻等幾種形式。
我們APP前期只有靜態圖這一種,功能已經實現。
之后,有了添加gif的需求,按理說,只要添加一個類型判斷,按照數據類型,通過不同方法展示內容即可,但是一直不可以。。
出了這樣的問題,下好的gif圖,內容類型沒錯但是通過對應的gif方法顯示的內容一直是一張靜態圖,并且還是模糊的。

因為之前的下載圖片,以及顯示圖片的邏輯完全沒問題,所以定位問題在顯示gif的方法上,所以走了彎路,但是這條彎路是必然要走的。

  • 下面開始我們的星辰大海,我們的目標是終結問題

先看源碼--原來的代碼

/**
 *  下載新的圖片
 */
+ (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]) {
            
            // 保存成功
            //判斷保存下來的圖片名字和本地沙盒中存在的圖片是否一致,如果不一致,說明圖片有更新,此時先刪除沙盒中的舊圖片,如果一致說明是刪除緩存后再次下載,這時不需要進行刪除操作,否則找不到已保存的圖片
            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];//立即寫入
            
        }else{
            NSLog(@"保存失敗");
        }
        
    });
}

通過在沙盒路徑,獲取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];
    }
  
   
}

以上兩個方法一個實現下載,一個實現顯示,起初只有一張圖片做啟動圖的時候,這種寫法勉強用,雖然走了彎路,但是不會影響實現效果

但是新需求是需要加載gif,或許以后還有小視頻

  • 問題出來了
  • 1.gif一直下載不下來,起初修改了方法,畢竟gif有3M不小,所以換了下載方法,如下

這個方法,下圖片還行,你要是下載個大點的gif那就不合適了

 NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:imageUrl]];
 UIImage *image = [UIImage imageWithData:data];

  • 那就改成下邊的下載方法,適合稍大一點的文件下載
 [NSURLConnection sendAsynchronousRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:imageUrl]]
                                       queue:[NSOperationQueue mainQueue]
                           completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) {
                               if (!connectionError) {
                                   
                      
                               } else {
                                   
                               }
                           }];

但是下載解決了問題后,發現還不能正常顯示,但是項目中其他地方是沒問題的啊,所以一直糾結于下面這個賦圖的方法,其實是完全沒問題的,只是數據就不對了

  _adImageView.image = [UIImage sd_animatedGIFWithData:[NSData dataWithContentsOfFile:imgFilePath]];

這個時候注意到,問題所在

  • 原因是下載的圖片資源沒有直接保存到某個路徑下,而是先轉成圖片,然后圖片轉data保存了,多此一舉了,重要的是,gif圖的話,就把原來的資源都改變了,用的時候,獲取的資源自然就出問題了

下面為修正之后的方法

+ (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直接存儲,不需要轉image然后再轉data
                                   if ([data writeToFile:filePath atomically:YES]) {
                                       
                                       // 保存成功
                                       //判斷保存下來的圖片名字和本地沙盒中存在的圖片是否一致,如果不一致,說明圖片有更新,此時先刪除沙盒中的舊圖片,如果一致說明是刪除緩存后再次下載,這時不需要進行刪除操作,否則找不到已保存的圖片
                                       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];//立即寫入
                                       
                                   }else{
                                       NSLog(@"保存失敗");
                                   }
 
                                   
                                   
                               } else {
                                   
                               }
                           }];
    return;
}

測試之后,正常顯示gif。。。問題得以解決!
總結,往往問題就在你以為不可能出錯的地方!慎重定位問題,慎重!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,841評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,180評論 4 61
  • 在英語學習過程中,我們非常需要找到一位好老師,不斷對我們的學習過程進行指導、評價和引導。 我記得在上高中的時候,真...
    海闊天空1221閱讀 424評論 0 0
  • 胖胖面館的面就是吃的時候嘴巴很爽 但是吃完之后 胃很難受 感覺這個不中用的東西在我的身體里要燒著了 it s hurt
    翮笙閱讀 127評論 0 0
  • 那些年我們所向往的...... 那些年,那些景,那些事,那些人.......... 還有現在我們所追求的生活......
    soiND閱讀 201評論 0 0