@SDWebImage提供一個UIImageView的類别以支援加載來自網絡的遠端圖檔。具有緩存管理、異步下載下傳、同一個URL下載下傳次數控制和優化等特征.
@SDWebImage的導入
1.https://github.com/rs/SDWebImage 下載下傳SDWebImage開源包
2.将類包拖入工程,再導入MapKit.framework、ImageIO.framework兩個架構
3.SDWebImage是支援ARC的,在MRC的工程中要注意,可參考MRC工程配置ARC
4.注意:SDWebImage 3.0不向後相容2.0并且最低需要iOS 5.0 的版本,而且提供的方法多數是Blcok形式
@目前來說,主要用到了"UIImageView+WebCache.h",給出一個代碼示例:
它是UIImageView的一個類目,在要使用它的類中加入#import "UIImageView+WebCache.h",調用 setImageWithURL:placeholderImage:方法。從異步下載下傳到緩存管理,一切都會為你處理。
- (void)createImageView{
self.imageArray = [NSMutableArray array];
self.urlArray = @[@"http://c.hiphotos.baidu.com/image/w%3D2048/sign=396e9d640b23dd542173a068e531b2de/cc11728b4710b9123a8117fec1fdfc039245226a.jpg",
@"http://e.hiphotos.baidu.com/image/w%3D2048/sign=c9c32d60f1deb48ffb69a6dec4273b29/960a304e251f95cae5f125b7cb177f3e670952ae.jpg",
@"http://f.hiphotos.baidu.com/image/w%3D2048/sign=0e0fe1d417ce36d3a20484300ecb3b87/3801213fb80e7bec015d1eef2d2eb9389b506b3c.jpg",
@"http://a.hiphotos.baidu.com/image/w%3D2048/sign=6e8e7ce5b11c8701d6b6b5e613479f2f/b3fb43166d224f4a6059b1120bf790529922d1eb.jpg",
@"http://f.hiphotos.baidu.com/image/w%3D2048/sign=e0608e290cf41bd5da53eff465e280cb/aec379310a55b31976baeb7741a98226cffc1774.jpg",
@"http://g.hiphotos.baidu.com/image/w%3D2048/sign=4b5f112a0cf41bd5da53eff465e280cb/aec379310a55b319dd85747441a98226cffc17b6.jpg",
@"http://h.hiphotos.baidu.com/image/w%3D2048/sign=35229123708b4710ce2ffaccf7f6c2fd/c995d143ad4bd113fc73de3058afa40f4bfb0571.jpg",
@"http://b.hiphotos.baidu.com/image/w%3D2048/sign=ad8b74e88fb1cb133e693b13e96c574e/f9dcd100baa1cd11eba86d27bb12c8fcc3ce2d9e.jpg",
@"http://e.hiphotos.baidu.com/image/w%3D2048/sign=ac1303f0a5efce1bea2bcfca9b69f2de/838ba61ea8d3fd1f7dc8e23c324e251f94ca5ff6.jpg",
];
for (int i = 0; i < 3; i ++) {
for (int j = 0; j < 3; j++) {
UIImageView * imageView = [[UIImageView alloc]init];
// 15 10 10 15
imageView.frame = CGRectMake(15+100*j, 80+140*i, 90, 120);
imageView.backgroundColor = [UIColor redColor];
[self.view addSubview:imageView];
[self.imageArray addObject:imageView];
[imageView release];
}
}
UIButton * button = [UIButton buttonWithType:UIButtonTypeSystem];
button.frame = CGRectMake(100, 510, 80, 40);
[button setTitle:@"下載下傳" forState:UIControlStateNormal];
[button addTarget:self action:@selector(onClickLoadButton) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:button];
}
- (void)onClickLoadButton{
//SDWebImageManager * manager = [SDWebImageManager sharedManager];
for (int i = 0; i < [_imageArray count]; i++) {
UIImageView * image = [_imageArray objectAtIndex:i];
// 異步加載及緩存圖檔一步到位
[image setImageWithURL:[NSURL URLWithString:[_urlArray objectAtIndex:i]] placeholderImage:[UIImage imageNamed:@"placeholder.png"]];
}
}
檢視圖檔是否進了緩存:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISO1gTOzUjM2EDNyQDM0EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
@得到1個圖檔的url用SDWebImage緩存後的檔案名
NSLog(@"%s__%d__|%@",__FUNCTION__,__LINE__,[[SDImageCache sharedImageCache] cachedFileNameForKey:@"http://c.hiphotos.baidu.com/image/w%3D2048/sign=396e9d640b23dd542173a068e531b2de/cc11728b4710b9123a8117fec1fdfc039245226a.jpg"]);
@其他
SDWebImage是個比較大的類庫,還有其他一些類的用法,自己不太了解,歡迎大家留言給出意見,一起學習,下面給出一些比較好的部落格文章(轉的)
http://blog.csdn.net/shenjx1225/article/details/10444449
Using blocks
使用blocks,你将被告知下載下傳進度,完成時是成功還是失敗:
// Here we use the new provided setImageWithURL: method to load the web image
[cell.imageView setImageWithURL:[NSURL URLWithString:@"http://www.domain.com/path/to/image.jpg"]
placeholderImage:[UIImage imageNamed:@"placeholder.png"]
completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) {... completion code here ...}];
注意:如果請求被取消,那麼block不會被調用(無論成功還是失敗)。
Using SDWebImageManager
The SDWebImageManager is the class behind the UIImageView+WebCache category. It ties the asynchronous downloader with the image cache store. You can use this class directly to benefit from web image downloading with caching in another context than a UIView (ie: with Cocoa) 下面是如何使用SDWebImageManager的代碼:
SDWebImageManager *manager = [SDWebImageManager sharedManager];
[manager downloadWithURL:imageURL
options:0
progress:^(NSUInteger receivedSize, long long expectedSize)
{
// progression tracking code
}
completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType)
{
if (image)
{
// do something with image
}
}];
Using Asynchronous Image Downloader Independently 也能夠獨立地使用異步圖像下載下傳:
[SDWebImageDownloader.sharedDownloader downloadImageWithURL:imageURL
options:0
progress:^(NSUInteger receivedSize, long long expectedSize)
{
// progression tracking code
}
completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished)
{
if (image && finished)
{
// do something with image
}
}];
Using Asynchronous Image Caching Independently 也可以獨立地使用基于異步的圖像緩存存儲。SDImageCache維護一個記憶體緩存和一個可選的磁盤緩存。磁盤高
速緩存的寫操作是 異步 進行的,是以它不會給 UI 增加不必要的延遲 。 為了友善,SDImageCache類提供了一個單例,但是如果你想建立單獨的緩存命名空間你也可以建立新的執行個體。
你可以使用imageForKey:方法來查找緩存,如果傳回為nil,說明目前圖像不擁有緩存。是以你負責生成并緩存它。緩存鍵(cache key)是一個程式中圖像緩存的唯一辨別符,他通常是圖像的url。
SDImageCache *imageCache = [SDImageCache.alloc initWithNamespace:@"myNamespace"];
[imageCache queryDiskCacheForKey:myCacheKey done:^(UIImage *image)
{
// image is not nil if image was found
}];
預設情況下,如果一個圖像不能在記憶體緩存中找到,SDImageCache将會查找高速緩存。你可以調用替代的方法imageFromMemoryCacheForKey:來預防這種情況的發生。 存儲一個圖像到緩存,你可以使用storeImage:forKey: 方法:
[[SDImageCache sharedImageCache] storeImage:myImage forKey:myCacheKey];
預設情況下,圖像将被存儲在記憶體上的緩存以及磁盤上的緩存(異步)。 如果你想隻在記憶體中緩存,使用替代方法storeImage:forKey:toDisk:,第三個參數為負數。
Using cache key filter
有時你也許不想使用圖像URL作為緩存鍵,因為URL可能是動态的(i.e.: for access control purpose)。SDWebImageManager provides a way to set a cache key filter that takes the NSURL as input, and output a cache key NSString(這句不大了解)。
下面的示例在應用程式的委托中設定一個過濾器,在使用它的緩存鍵之前将從URL中删除任何查詢字元串(The following example sets a filter in the application delegate that will remove any query-string from the URL before to use it as a cache key):
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
SDWebImageManager.sharedManager.cacheKeyFilter:^(NSURL *url)
{
url = [[[NSURL alloc] initWithScheme:url.scheme host:url.host path:url.path] autorelease];
return [url absoluteString];
};
// Your app init code...
return YES;
}
Using dynamic image size with UITableViewCell
UITableView通過第一個單元格設定的圖像決定圖像的尺寸。如果您的遠端圖像沒有圖像占位符的大小相同,您可能會遇到奇怪的變形縮放問題。下面的文章給出了一個方法來解決這個問題:
http://www.wrichards.com/blog/2011/11/sdwebimage-fixed-width-cell-images/
Handle image refresh(控制圖像重新整理)
預設情況下,SDWebImage确實非常積極的緩存。它忽略了所有類型的通過HTTP伺服器傳回的緩存控制頭,并
且沒有時間限制地緩存傳回的圖像。這意味着你的圖像url是永遠不會改變的、指向圖像的靜态url。如果指向的圖檔
發生了變化,那麼url也會相應的跟着變化。
如果你不控制你的圖像伺服器,當它的内容更新時你不能改變它的url。Facebook頭像就是這種情況的例子。在這種情況下,你可以使用SDWebImageRefreshCached的标志。這将稍微降低性能,但将會考慮到HTTP緩存控制頭:
[imageView setImageWithURL:[NSURL URLWithString:@"https://graph.facebook.com/olivier.poitrey/picture"]
placeholderImage:[UIImage imageNamed:@"avatar-placeholder.png"]
options:SDWebImageRefreshCached];
Add a progress indicator(添加進度訓示)
檢視這個類别: https://github.com/JJSaccolo/UIActivityIndicator-for-SDWebImage
@好像是SDWebImage2.0的流程介紹 http://blog.csdn.net/uxyheaven/article/details/7909373