iOS相册功能

openkk 12年前

       做过好几个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