天天看點

iOS網絡程式設計(三) 異步加載及緩存圖檔---->SDWebImage

@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"]];
    }

}
           

       檢視圖檔是否進了緩存:

iOS網絡程式設計(三) 異步加載及緩存圖檔----&gt;SDWebImage

@得到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