iOS相冊功能

       做過好幾個app中都要實現圖片的相冊瀏覽的功能，有開源的庫可以用，但是我都覺得比較重，自己寫另一個比較輕的。其實相冊的功能思路是很清楚的，實現滑動中的內存重用和內存的cache。好現在我逐步講解，如何來構建簡單的相冊。

 1.首先我們來創建一個UIScrollView。

    _scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0,0, 320, 480)];
    _scrollView.delegate=self;
    _scrollView.scrollEnabled=YES;
    _scrollView.decelerationRate = UIScrollViewDecelerationRateNormal;
    _scrollView.pagingEnabled=YES;
    _scrollView.showsVerticalScrollIndicator=NO;
    _scrollView.showsHorizontalScrollIndicator=NO;
    _scrollView.backgroundColor = self.view.backgroundColor;
    [_scrollView setContentSize:CGSizeMake(320*[_itemSet count], 316)];

（大家注意到有一個_itemSet,這是一個包含了圖片數據的集合，可以是網絡上的圖片的地址，也可以是包含了封裝圖片地址的對象的實例，總值不能是UIImage的實例，不然就是失去了封裝的意義了。）

  [self.view addSubview:_scrollView];
  [self configScrowViewWithIndex:self.itemIndex withForward:NO withOrigin:YES];
   pageIndex = itemIndex;

將scrollview添加為當前試圖的子試圖之后，我們馬上 調用

  [selfconfigScrowViewWithIndex:self.itemIndexwithForward:NOwithOrigin:YES];

     這是實現整個業務邏輯的關鍵方法，就是說去配置當前的索引應該執行的操作，第一個參數是當前的索引，比如說0就代表我是從_itemSet的第一個元素映射的圖片開始顯示；第二個參數是判斷當前是向前還是向后翻動相冊;第三個參數是表示當前是不是第一次顯示相冊。

    將itemSet的索引賦給頁數，這兩個成員一直是相等的，這樣只是為了區別的看待這兩個序數。

 

2.實現我們的關鍵方法：
- (void)configScrowViewWithIndex:(int)index withForward:(BOOL)isForward withOrigin:(BOOL)isOrigin

- (void)configScrowViewWithIndex:(int)index withForward:(BOOL)isForward withOrigin:(BOOL)isOrigin
{
    if ([_itemSet count]<1) {
        return; 
    }
    //當偏移量是0的話加載當前的索引的視圖和前后的視圖（如果存在的話）
    if (isOrigin) {
        WPCellImageView *currentView = [self configItemWithIndex:index];
        if (currentView) {
            currentView.tag = CURRENTVIEWTAG;
            [_scrollView addSubview:currentView];

        }

        WPCellImageView *nextView = [self configItemWithIndex:index+1];
        if (nextView) {
            nextView.tag = NEXTVIEWTAG;
            [_scrollView addSubview:nextView];

        }
        WPCellImageView *lastView = [self configItemWithIndex:index-1];
        if(lastView)
        {
            lastView.tag = LASTVIEWTAG;
            [_scrollView addSubview:lastView];
        }

    }
    else {
        //如果向前滑動的話，加載下一張試圖的后一張試圖，同時移除上一張試圖的前一張試圖
        if (isForward) {
            if ([_scrollView viewWithTag:LASTVIEWTAG])
            {

                WPCellImageView *view = (WPCellImageView*)[_scrollView viewWithTag:
                                                                   LASTVIEWTAG];
                [view cancelImageLoad];
                [[_scrollView viewWithTag:LASTVIEWTAG]removeFromSuperview];//移出前一個視圖
            }
            if ([_scrollView viewWithTag:NEXTVIEWTAG]) 
            {                  
                //如果下個視圖存在
                UIView *currentView = [_scrollView viewWithTag:CURRENTVIEWTAG];
                currentView.tag = LASTVIEWTAG;
                UIView *view =  [_scrollView viewWithTag:NEXTVIEWTAG];
                view.tag     = CURRENTVIEWTAG;
                WPCellImageView *nextView = [self configItemWithIndex:index+1];
                if (nextView) {
                    nextView.tag = NEXTVIEWTAG;
                    [_scrollView addSubview:nextView];
                }

            }
        }
        //如果向后滑動的話，加載上一張試圖的前一張試圖，同時移除下一張試圖的后一張試圖
        else {
            if ([_scrollView viewWithTag:NEXTVIEWTAG]) {
                [[_scrollView viewWithTag:NEXTVIEWTAG]removeFromSuperview];//移出后一個視圖
                WPCellImageView *view = (WPCellImageView*)[_scrollView viewWithTag:
                                                                   NEXTVIEWTAG];
                [view cancelImageLoad];
            }
            if ([_scrollView viewWithTag:LASTVIEWTAG]) { //如果上個視圖存在
                UIView *currentView = [_scrollView viewWithTag:CURRENTVIEWTAG];
                currentView.tag = NEXTVIEWTAG;
                UIView *view =  [_scrollView viewWithTag:LASTVIEWTAG];
                view.tag     = CURRENTVIEWTAG;
                WPCellImageView *lastView = [self configItemWithIndex:index-1];
                if (lastView) {
                    lastView.tag = LASTVIEWTAG;
                    [_scrollView addSubview:lastView];
                }
            }

        }

    }

}

這里面還調用了一個方法：

- (WPCellImageView*)configItemWithIndex:(int)index

這個方法是index所代表的索引的試圖，WPCellImageVIew是我定制的一個試圖，能夠根據圖片URL下載圖片，有一些開源庫可以用，這里就不細說了。下面貼上這個方法的實現。

  if (index<0 || index>[_itemSet count]-1) {
        DLog(@"%d",[_itemSet count]);
        return nil;
    }
    WPWaterflowItem *dic      = [_itemSet objectAtIndex:index];

    WPCellImageView *firstView = [[WPCellImageView alloc]initWithFrame:CGRectMake(_scrollView.frame.size.width*index, 0, _scrollView.frame.size.width, _scrollView.frame.size.height) ];
    [firstView setURL:dic.picURL];
    return [firstView autorelease];

3.通過UIScrollview的代理方法實現圖片的顯示和內存管理

#pragma mark UIScrollView Delegate 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat pageWidth = scrollView.frame.size.width;
    int beforeIndex = pageIndex;
    pageIndex = floor((scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
    if (pageIndex>beforeIndex) {
        itemIndex ++;
        [self configScrowViewWithIndex:itemIndex withForward:YES withOrigin:NO];
    }
    else if(pageIndex<beforeIndex) {
        itemIndex --;
        [self configScrowViewWithIndex:itemIndex withForward:NO withOrigin:NO];

    }

}

呵呵，很簡單吧，滑動超過半頁的時候就去加載圖片和管理內存。

總結：總體的思路就是在一個scroolview一直保存 3張圖片，最大的保證內存管理和流暢。

 轉自：http://blog.csdn.net/cubepeng/article/details/7901229