UIImageView异步加载网络图片

在iOS开发过程中,经常会遇到使用UIImageView展现来自网络的图片的情况,最简单的做法如下:

去下载https://github.com/rs/SDWebImage放进你的工程里,加入头文件#import "UIImageView+WebCache.h"
加载网路图片就一句话[imageView setImageWithURL:url  placeholderImage:[UIImage imageNamed:@"defaultImage.png"]];
imageView为要显示的UIImageView,url为图片url地址(如果是NSString,就转换成NSUrl--[NSURL URLWithString:string]),
defaultImage.png为占位图片!

另一篇:

共享一个自己写的动态加载网络图片并自动剪裁的类

做开发这么长时间,加载网络图片时大部分是用EGOImageView,但是发现它不能根据自己的想法去剪裁:有时需要填充整个区域,有时又需要按比例显示。在网上也没找到
相关类库,小弟不才基于EGOImageView自己写了一个私有协议,自己感觉效果不错,之前在论坛一直用别人的代码,今天也共享下。
  有需要的朋友可以看看,可能不是最好,有问题请多多指教。

AutoCutPicSimple_New.zip做了点修改,防止多次seturl导致crash。

也可以直接:https://github.com/hfqf/AutoCutWebPic.git

另一篇:

[cpp] view plaincopy

  1. - (void)viewDidLoad
  2. {
  3. [super viewDidLoad];
  4. self.imageView = [[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)] autorelease];
  5. self.imageView.layer.masksToBounds = YES;
  6. self.imageView.layer.cornerRadius = 5.0f;
  7. [self.imageView setBackgroundColor:[UIColor grayColor]];
  8. [self.view addSubview:self.imageView];
  9. NSURL *imageUrl = [NSURL URLWithString:IMAGE_URL];
  10. UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:imageUrl]];
  11. self.imageView.image = image;
  12. }

这么做,最直接的问题就是阻塞UI线程了。

于是考虑利用NSOperationQueue来异步加载图片:

[cpp] view plaincopy

  1. - (void)viewDidLoad
  2. {
  3. [super viewDidLoad];
  4. operationQueue = [[NSOperationQueue alloc] init];
  5. self.imageView = [[[UIImageView alloc] initWithFrame:CGRectMake(110, 50, 100, 100)] autorelease];
  6. self.imageView.layer.masksToBounds = YES;
  7. self.imageView.layer.cornerRadius = 5.0f;
  8. [self.imageView setBackgroundColor:[UIColor grayColor]];
  9. [self.view addSubview:self.imageView];
  10. NSInvocationOperation *op = [[NSInvocationOperation alloc] initWithTarget:self selector:@selector(downloadImage) object:nil];
  11. [operationQueue addOperation:op];
  12. }
  13. - (void)downloadImage
  14. {
  15. NSURL *imageUrl = [NSURL URLWithString:IMAGE_URL];
  16. UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:imageUrl]];
  17. self.imageView.image = image;
  18. }

这么做的话,就可以避免阻塞UI线程了。当图片异步加载完成后,就会展现出来。

但是,第二次进入该界面,还是要重新下载图片,用户体验不好,且浪费资源(比如耗电)。

于是,考虑缓存已经下载的图片。

模仿操作系统(Cache - Memory - Disk),缓存图片也可以采取两层模型:内存和磁盘。

保存到内存中比较简单,只需要用NSDictionary来维护即可。而保存到磁盘,涉及到本地文件读写,可以参考“文件和数据管理”。

首先需要创建一个缓存目录:

[cpp] view plaincopy

  1. NSArray *paths = NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES);
  2. diskCachePath = [[[paths objectAtIndex:0] stringByAppendingPathComponent:@"ImageCache"] retain];
  3. if (![[NSFileManager defaultManager] fileExistsAtPath:diskCachePath]) {
  4. NSError *error = nil;
  5. [[NSFileManager defaultManager] createDirectoryAtPath:diskCachePath
  6. withIntermediateDirectories:YES
  7. attributes:nil
  8. error:&error];
  9. }

接着可以用图片名称或者URL或者hash过后的值作为key(本地文件名),写入到本地:

[cpp] view plaincopy

  1. if (![[NSFileManager defaultManager] fileExistsAtPath:localPath]) {
  2. [[NSFileManager defaultManager] createFileAtPath:localPath contents:localData attributes:nil];
  3. }

这样,在每次下载图片之前,先判断是否已经有缓存了,可以优化体验和性能。

我把完整的源代码写成Category以重用,放在GitHub上:https://github.com/siqin/OnlineImageView 。

Jason Lee @ Hangzhou

Blog: http://blog.csdn.net/jasonblog

第二篇:

方法1:在UI线程中同步加载网络图片

[cpp] view plaincopy

  1. UIImageView *headview = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 40, 40)];
  2. NSURL *photourl = [NSURL URLWithString:@"http://www.exampleforphoto.com/pabb/test32.png"];
  3. //url请求实在UI主线程中进行的
  4. UIImage *images = [UIImage imageWithData:[NSData dataWithContentsOfURL:photourl]];//通过网络url获取uiimage
  5. headview.image = images;

这是最简单的,但是由于在主线程中加载,会阻塞UI主线程。所以可以试试NSOperationQueue,一个NSOperationQueue 操作队列,就相当于一个线程管理器,而非一个线程。因为你可以设置这个线程管理器内可以并行运行的的线程数量等等。

------------------------------------------------------------------------------------------------

方法2:使用NSOperationQueue异步加载

[cpp] view plaincopy

  1. 下面就是使用NSOperationQueue实现子线程加载图片:
  2. - (void)viewDidLoad
  3. {
  4. [super viewDidLoad];
  5. NSOperationQueue *operationQueue = [[NSOperationQueue alloc] init];
  6. self.imageview  = [[[UIImageView alloc] initWithFrame:CGRectMake(110, 50, 100, 100)] autorelease];
  7. [self.imageview setBackgroundColor:[UIColor grayColor]];
  8. [self.view addSubview:self.imageview];
  9. NSInvocationOperation *op = [[NSInvocationOperation alloc] initWithTarget:self selector:@selector(downloadImage) object:nil];
  10. [operationQueue addOperation:op];
  11. }
  12. - (void)downloadImage
  13. {
  14. NSURL *imageUrl = [NSURL URLWithString:HEADIMAGE_URL];
  15. UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:imageUrl]];
  16. self.imageview.image = image;
  17. }

不过这这样的设计,虽然是异步加载,但是没有缓存图片。重新加载时又要重新从网络读取图片,重复请求,实在不科学,所以可以考虑第一次请求时保存图片。

------------------------------------------------------------------------------------------------

方法3:异步加载,保存到cache里,下次再请求时读取cache里的缓存图片

3-1,首先在http请求时,建立一个缓存目录

[cpp] view plaincopy

  1. NSArray *paths =NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES);
  2. NSLog(@"the paths:%@",paths);
  3. NSString * diskCachePath = [[paths objectAtIndex:0] stringByAppendingPathComponent:@"imageCache"];
  4. NSLog(@"diskCachePath:%@",diskCachePath);
  5. //如果目录imageCache不存在,创建目录
  6. if (![[NSFileManager defaultManager] fileExistsAtPath:diskCachePath]) {
  7. NSError *error=nil;
  8. [[NSFileManager defaultManager] createDirectoryAtPath:diskCachePath withIntermediateDirectories:YES attributes:nil error:&error];
  9. }

3-2创建好目录后,第一次时,url请求网络图片,然后把得到的data保存到本地cache里。

[cpp] view plaincopy

    1. <span style="white-space:pre">   </span>   NSURL *headurl = [NSURL URLWithString:<pre name="code" class="cpp">@"http://hiweibo-common.stor.sinaapp.com/user_photo_34.png"<span style="font-family: Arial, Helvetica, sans-serif;">]; </span></pre>// UIImage *headimg = [UIImage imageWithData:[NSData dataWithContentsOfURL:headurl]]; NSData *imagedata = [NSData dataWithContentsOfURL:headurl]; //如果本地缓存没有,保存图片 NSString *localPath = [NSString stringWithFormat:@"%@/headimage.png",diskCachePath];//
    2. NSLog(@"localpaht:%@",localPath); if (imagedata) { if (![[NSFileManager defaultManager] fileExistsAtPath:localPath]) { [[NSFileManager defaultManager] createFileAtPath:localPath contents:imagedata attributes:nil]; //[imagedata writeToFile:localPath atomically:YES];//也可以data
    3. write到file里 } UIImage *headimg = [[UIImage alloc] initWithData:imagedata]; self.headimage = headimg; [headimg release]; [meTableView reloadData]; }<p></p>
    4. <pre></pre>
    5. 3-3然后在下一次打开,初始化设置图片的地方,判断cache里有没有缓存图片,有的话直接加载。
    6. <p></p>
    7. <p><span style="font-size:18px"></span></p><pre name="code" class="cpp">    NSArray *paths =NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES);
    8. NSString *localpath = [[paths objectAtIndex:0] stringByAppendingPathComponent:@"/imageCache/headimage.png"];
    9. //如果有缓存图片,直接读取cache内的缓存图片
    10. if ([[NSFileManager defaultManager] fileExistsAtPath:localpath]) {
    11. NSData *data = [NSData dataWithContentsOfFile:localpath];
    12. self.headimage = [UIImage imageWithData:data];
    13. [meTableView reloadData];
    14. }
    15. else{
    16. //如果没有缓存图片,请求
    17. NSMutableDictionary *headdict =[NSMutableDictionary dictionaryWithObjectsAndKeys:tokenString,@"token",uidString,@"userid",nil];
    18. [self handlerPostFormDataWithParams:headdict withURL:APPROVAL_URL_GETPHOTO];
    19. }</pre><br>
    20. 方法3是最科学的,只需要一次读取,以后就可以直接用了。<p></p>
    21. <p><span style="font-size:18px"><br>
    22. </span></p>
    23. <p><span style="font-size:18px">目前总结到这里,以后有更深入研究时再补充</span></p>
    24. <p><span style="font-size:18px">20130314<br>
    25. <br>
    26. <br>
    27. </span><br>
    28. </p>
时间: 2024-10-07 07:52:41

UIImageView异步加载网络图片的相关文章

ios UIImageView异步加载网络图片

方法1:在UI线程中同步加载网络图片 UIImageView *headview = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 40, 40)]; NSURL *photourl = [NSURL URLWithString:@"http://www.exampleforphoto.com/pabb/test32.png"]; //url请求实在UI主线程中进行的 UIImage *images = [UIImage ima

iOS开发swift版异步加载网络图片(带缓存和缺省图片)

iOS开发之swift版异步加载网络图片 与SDWebImage异步加载网络图片的功能相似,只是代码比较简单,功能没有SD的完善与强大,支持缺省添加图片,支持本地缓存. 异步加载图片的核心代码如下:  func setZYHWebImage(url:NSString?, defaultImage:NSString?, isCache:Bool){         var ZYHImage:UIImage?         if url == nil {             return   

扩展于RCLabel的支持异步加载网络图片的富文本引擎的设计

扩展于RCLabel的支持异步加载网络图片的富文本引擎的设计 在iOS开发中,图文混排一直都是UI编程的一个核心点,也有许多优秀的第三方引擎,其中很有名的一套图文混排的框架叫做DTCoreText.但是在前些日的做的一个项目中,我并没有采用这套框架,原因有二,一是这套框架体积非常大,而项目的需求其实并不太高:二是要在这套框架中修改一些东西,难度也非常大,我最终采用的是一个叫做RCLabel的第三方控件,经过一些简单的优化和完善,达到了项目的要求. 先来介绍一下我项目中的图文混排的需求:首先我从服

iOS_第3方类库_EGOImageView异步加载网络图片

异步加载网络图片是很常见的需求 下载,导入,-fno-objc-arc 1.导入头文件 2.创建EGOImageView,并指定占位图,设置url即可 最终效果图:(后补) 附EGO原文件地址:

ios开发多线程篇--异步加载网络图片

一.异步加载网络图片 1.ATS (1)简介 从iOS9.0开始,如果按照以前的方式写代码,在访问网络的时候 ,会报以下警告信息: App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app's Info.plist file. 原因:iOS9.0引入了新特性

Android之ListView异步加载网络图片(优化缓存机制)【转】

网上关于这个方面的文章也不少,基本的思路是线程+缓存来解决.下面提出一些优化: 1.采用线程池 2.内存缓存+文件缓存 3.内存缓存中网上很多是采用SoftReference来防止堆溢出,这儿严格限制只能使用最大JVM内存的1/4 4.对下载的图片进行按比例缩放,以减少内存的消耗 具体的代码里面说明.先放上内存缓存类的代码MemoryCache.java: public class MemoryCache { private static final String TAG = "MemoryCa

Android 异步加载网络图片并缓存到本地

在android应用开发的时候,加载网络图片是一个非常重要的部分,很多图片不可能放在本地,所以就必须要从服务器或者网络读取图片. 软引用是一个现在非常流行的方法,用户体验比较好,不用每次都需要从网络下载图片,如果下载后就存到本地,下次读取时首先查看本地有没有,如果没有再从网络读取. 记得2月份在和爱奇艺公司的项目总监一起搞联通的OTT盒子的时候他就提了一下软引用,奇艺做的手机客户端就是采用这种方法,所以你会发现奇艺客户端占用很大的空间,下面就分享一下异步加载网络图片的方法吧. FileCache

Android批量图片加载经典系列——采用二级缓存、异步加载网络图片

一.问题描述 Android应用中经常涉及从网络中加载大量图片,为提升加载速度和效率,减少网络流量都会采用二级缓存和异步加载机制,所谓二级缓存就是通过先从内存中获取.再从文件中获取,最后才会访问网络.内存缓存(一级)本质上是Map集合以key-value对的方式存储图片的url和Bitmap信息,由于内存缓存会造成堆内存泄露, 管理相对复杂一些,可采用第三方组件,对于有经验的可自己编写组件,而文件缓存比较简单通常自己封装一下即可.下面就通过案例看如何实现网络图片加载的优化. 二.案例介绍 案例新

(BUG已修改,最优化)安卓ListView异步加载网络图片与缓存软引用图片,线程池,只加载当前屏之说明

原文:http://blog.csdn.net/java_jh/article/details/20068915 迟点出更新的.这个还有BUG.因为软引应不给力了.2.3之后 前几天的原文有一个线程管理与加载源过多,造成浪费流量的问题.下面对这进下改进的一些说明(红色为新加) 这两天一直在优化这个问题.google也很多种做法.但发现都是比较不全面. 比如: 一些只实现了异步加载,却没有线程池与软引用. 一些是用AsynTast的, 一些有了线程池但加载所有的图片,这样造成具大资源浪费 一些是用