从网络获取的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。。。问题得以解决!
总结,往往问题就在你以为不可能出错的地方!慎重定位问题,慎重!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,781评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 15,064评论 4 61
  • 在英语学习过程中,我们非常需要找到一位好老师,不断对我们的学习过程进行指导、评价和引导。 我记得在上高中的时候,真...
    海阔天空1221阅读 469评论 0 0
  • 胖胖面馆的面就是吃的时候嘴巴很爽 但是吃完之后 胃很难受 感觉这个不中用的东西在我的身体里要烧着了 it s hurt
    翮笙阅读 144评论 0 0
  • 那些年我们所向往的...... 那些年,那些景,那些事,那些人.......... 还有现在我们所追求的生活......
    soiND阅读 219评论 0 0

友情链接更多精彩内容