IOS开发之异步加载网络图片并缓存本地实现瀑布流（二）

标签：

1. /* 
2.  * @brief 图片加载通用函数 
3.  * @parma imageName 图片名 
4.  */  
5. - (void)imageStartLoading:(NSString *)imageName{  
6.     NSURL *url = [NSURL URLWithString:imageName];  
7.     if([_fileUtil hasCachedImage:url]){  
8.         UIImageView *imageView = [[UIImageView alloc] init];  
9.         NSString *path = [_fileUtil pathForUrl:url];  
10.         imageView = [_imageLoad compressImage:MY_WIDTH/3 imageView:nil imageName:path flag:NO];  
11.         [self addImage:imageView name:path];  
12.         [self adjustContentSize:NO];  
13.     }else{  
14.         UIImageView *imageView = [[UIImageView alloc] init];  
15.         NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:url, @"URL",  
16.                              imageView, @"imageView", nil nil];  
17.         [NSThread detachNewThreadSelector:@selector(cacheImage:) toTarget:[ImageCacher shareInstance] withObject:dic];  
18.     }  
19. }  

这个函数的作用是为每一张网络图片开启一个下载线程，但是因为该程序用到了图片缓存的技术，所以在每次开线程下载图片的时候都会去本地缓存目录查找一下，

该图片是否已经存在，如果存在则直接加载在视图中。一般OC的线程函数有三个，NSThread, Cocoa Operations,和GCD，（想要了解三者的异同点可查看：点击打开链接），

这里我用了比较轻量级的NSThread,detachNewThreadSelector函数中所传的函数名： cacheImage是类ImageCache中得函数，这里通过iOS开发中使用的比较多的单例模式，

得到了ImageCache的句柄，参数dic中主要存放了图片的网络地址以及imageView用来add图片进视图以及根据图片的大小压缩成合适的大小.

接下来是cacheImage函数：

[objc] view plain copy

 

1. - (void)cacheImage:(NSDictionary*)dic{  
2.     NSURL *url = [dic objectForKey:@"URL"];  
3.     NSFileManager *fileManage = [NSFileManager defaultManager];  
4.     NSData *data = [NSData dataWithContentsOfURL:url];  
5.       
6.     NSString *fileName = [_fileUtil pathForUrl:url];  
7.     if(data){  
8.         [fileManage createFileAtPath:fileName contents:data attributes:nil];  
9.     }  
10.       
11.     UIImageView *imageView = [dic objectForKey:@"imageView"];  
12.     imageView.image = [UIImage imageWithData:data];  
13.     imageView = [_imageLoader compressImage:MY_WIDTH/3 imageView:imageView imageName:nil flag:YES];  
14.     [self.myDelegate addImage:imageView name:fileName];  
15.     [self.myDelegate adjustContentSize:NO];  
16. }  

该函数用来将下载下来的图片缓存进入文件沙盒中（缓存文件可以自己定义并指定）,并且按照图片的大小进行等比例压缩，固定宽度是屏幕的三分之一大小，这样一来，

图片显示就不会出现不全或失真的现象。由于ImageCache和MyScrollView是两个独立的类，所以这里通过使用ios的delegate(代理)来进行图片在scrollView上的加载，

（什么是代理模式:点击打开链接）.

下面我们来看如何在沙盒中建立缓存文件夹，其实缓存文件夹跟普通的文件夹一样，只是该文件夹是专门用来存放缓存文件的而已。类代码如下所示：

[objc] view plain copy

 

1. //  
2. //  FileUtil.m  
3. //  Test515  
4. //  
5. //  Created by silicon on 14-5-30.  
6. //  Copyright (c) 2014年 silicon. All rights reserved.  
7. //  
8.   
9. #import "FileUtil.h"  
10.   
11. @implementation FileUtil  
12.   
13. + (FileUtil *)shareInstance{  
14.     static FileUtil *instance;  
15.     static dispatch_once_t onceToken;  
16.     dispatch_once(&onceToken, ^{  
17.         instance = [[self alloc] init];  
18.     });  
19.       
20.     return instance;  
21. }  
22.   
23. /* 
24.  @breif 创建缓存文件夹 
25.  */  
26. - (void)createPathInDocumentDirectory{  
27.     NSArray *paths = NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES);  
28.     NSString *diskCachePath = [[[paths objectAtIndex:0] stringByAppendingPathComponent:@"ImageCache"] retain];  
29.     NSLog(@"%@", diskCachePath);  
30.       
31.     if(![[NSFileManager defaultManager] fileExistsAtPath:diskCachePath]){  
32.         NSError *error = nil;  
33.         [[NSFileManager defaultManager] createDirectoryAtPath:diskCachePath  
34.                                   withIntermediateDirectories:YES  
35.                                                    attributes:nil  
36.                                                         error:&error];  
37.     }  
38. }  
39.   
40. /* 
41.  @breif     获取沙盒中文档目录 
42.  @param     fileName:文件名字 
43.  */  
44. - (NSString *)pathInDocumentDirectory:(NSString *)fileName{  
45.     NSArray *fileArray = NSSearchPathForDirectoriesInDomains(NSCachesDirectory,  
46.                                                              NSUserDomainMask, YES);  
47.     NSString *cacheDirectory = [fileArray objectAtIndex:0];  
48.     return [cacheDirectory stringByAppendingPathComponent:fileName];  
49. }  
50.   
51. /* 
52.  @breif     获取沙盒中缓存文件目录 
53.  @param     fileName:文件名字 
54.  */  
55. - (NSString *)pathInCacheDirectory:(NSString *)fileName{  
56.     NSArray *fileArray = NSSearchPathForDirectoriesInDomains(NSCachesDirectory,  
57.                                                              NSUserDomainMask, YES);  
58.     NSString *cacheDirectory = [fileArray objectAtIndex:0];  
59.     return [cacheDirectory stringByAppendingPathComponent:fileName];  
60. }  
61.   
62. /* 
63.  @breif     判断是否已经缓存 
64.  @param     url:图片名称 
65.  */  
66. - (BOOL)hasCachedImage:(NSURL *)url{  
67.     NSFileManager *fileManager = [NSFileManager defaultManager];  
68.     if([fileManager fileExistsAtPath:[self pathForUrl:url]]){  
69.         return YES;  
70.     }else{  
71.         return NO;  
72.     }  
73. }  
74.   
75. /* 
76.  @breif     根据URL的給图片命名 
77.  @param     url:图片url 
78.  */  
79. - (NSString *)pathForUrl:(NSURL *)url{  
80.     return [self pathInCacheDirectory:[NSString stringWithFormat:@"qiaoqiao-%u", [[url description] hash]]];  
81. }  
82.   
83. @end  

在这次的demo中，我新加入了用户可以点击图片放大 并可以左右滑动的功能，其实实现起来很简单，我一开始为每一个ScrollView 中得ImageView都设置了tag值，并且添加了

手势（UITapGestureRecognizer），当用户点击图片时，程序可以根据点击视图的tag值来获得相应的图片是哪一张，从而可以加载。支持左右滑动的功能在新的界面中增加了

一个ScrollView,然后将下载下来的图片添加到scrollView中。代码如下

[objc] view plain copy

 

1. //  
2. //  PhotoViewController.m  
3. //  Test515  
4. //  
5. //  Created by silicon on 14-5-22.  
6. //  Copyright (c) 2014年 silicon. All rights reserved.  
7. //  
8.   
9. #import "PhotoViewController.h"  
10. #import "ImageLoader.h"  
11.   
12. @interface PhotoViewController ()  
13.   
14. @end  
15.   
16. @implementation PhotoViewController  
17. @synthesize scrollView = _scrollView;  
18. @synthesize imageArray = _imageArray;  
19. @synthesize page = _page;  
20.   
21. - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil  
22. {  
23.     self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];  
24.     if (self) {  
25.         // Custom initialization  
26.     }  
27.     return self;  
28. }  
29.   
30. - (void)viewDidLoad  
31. {  
32.     [super viewDidLoad];  
33.     // Do any additional setup after loading the view.  
34.     [self.view setFrame:CGRectMake(0, 0, MY_WIDTH, MY_HEIGHT)];  
35.     [self.view setBackgroundColor:[UIColor blackColor]];  
36.       
37.     self.scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 20, MY_WIDTH, MY_HEIGHT)];  
38.     _scrollView.delegate = self;  
39.     _scrollView.contentSize = CGSizeMake(MY_WIDTH * [_imageArray count], MY_HEIGHT);  
40.     _scrollView.showsVerticalScrollIndicator = NO;  
41.     _scrollView.showsHorizontalScrollIndicator = NO;  
42.     _scrollView.backgroundColor = [UIColor blackColor];  
43.     _scrollView.bounces = YES;  
44.     _scrollView.pagingEnabled = YES;  
45.     [self.view addSubview:_scrollView];  
46.       
47.     //图片添加事件响应  
48.     UITapGestureRecognizer *tapRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(closePhotoView)];  
49.     tapRecognizer.delegate = self;  
50.     _scrollView.userInteractionEnabled = YES;  
51.     [_scrollView addGestureRecognizer:tapRecognizer];  
52.     [tapRecognizer release];  
53.       
54.     [self loadingImages];  
55. }  
56.   
57. - (void)viewWillAppear:(BOOL)animated{  
58.     [_scrollView setContentOffset:CGPointMake([_imageArray indexOfObject:_imageName] * MY_WIDTH, 0)];  
59. }  
60.   
61. - (void)didReceiveMemoryWarning  
62. {  
63.     [super didReceiveMemoryWarning];  
64.     // Dispose of any resources that can be recreated.  
65. }  
66.   
67. //关闭  
68. - (void)closePhotoView{  
69.     [self.view removeFromSuperview];  
70. }  
71.   
72. - (void)dealloc{  
73.     [_scrollView release];  
74.     [super dealloc];  
75. }  
76.   
77. - (void)loadingImages{  
78.     //加载图片  
79.     for(int i = 0; i < [_imageArray count]; i++){  
80.         NSString *picName = [_imageArray objectAtIndex:i];  
81.         UIImageView *imageV = [[ImageLoader shareInstance] compressImage:MY_WIDTH imageView:nil imageName:picName flag:NO];  
82.           
83.         float width = imageV.image.size.width;  
84.         float height = imageV.image.size.height;  
85.           
86.         float new_width = MY_WIDTH;  
87.         float new_height = (MY_WIDTH * height)/width;  
88.           
89.         imageV.frame = CGRectMake(MY_WIDTH * i, 0, new_width, new_height);  
90.         [_scrollView addSubview:imageV];  
91.         [imageV release];  
92.     }  
93. }  
94.   
95. - (void)scrollViewDidScroll:(UIScrollView *)_scrollView{  
96.   
97. }  
98.   
99. @end  

IOS开发之异步加载网络图片并缓存本地实现瀑布流（二）

标签：

原文地址：http://www.cnblogs.com/yinxiao-bai1014/p/5763595.html