IOS相册滑动浏览缓存处理

 

转载自      http://blog.csdn.net/cubepeng/article/details/7901229

做过好几个app中都要实现图片的相册浏览的功能，有开源的库可以用，但是我都觉得比较重，自己写另一个比较轻的。其实相册的功能思路是很清楚的，实现滑动中的内存重用和内存的cache。好现在我逐步讲解，如何来构建简单的相册。

 1.首先我们来创建一个UIScrollView。

  1. _scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0,0, 320, 480)];  
  2. _scrollView.delegate=self;  
  3. _scrollView.scrollEnabled=YES;  
  4. _scrollView.decelerationRate = UIScrollViewDecelerationRateNormal;  
  5. _scrollView.pagingEnabled=YES;  
  6. _scrollView.showsVerticalScrollIndicator=NO;  
  7. _scrollView.showsHorizontalScrollIndicator=NO;  
  8. _scrollView.backgroundColor = self.view.backgroundColor;  
  9. [_scrollView setContentSize:CGSizeMake(320*[_itemSet count], 316)];  

（大家注意到有一个_itemSet,这是一个包含了图片数据的集合，可以是网络上的图片的地址，也可以是包含了封装图片地址的对象的实例，总值不能是UIImage的实例，不然就是失去了封装的意义了。）
  1. [self.view addSubview:_scrollView];  
  2. [self configScrowViewWithIndex:self.itemIndex withForward:NO withOrigin:YES];  
  3.  pageIndex = itemIndex;  

将scrollview添加为当前试图的子试图之后，我们马上 调用

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

     这是实现整个业务逻辑的关键方法，就是说去配置当前的索引应该执行的操作，第一个参数是当前的索引，比如说0就代表我是从_itemSet的第一个元素 映射的图片开始显示；第二个参数是判断当前是向前还是向后翻动相册;第三个参数是表示当前是不是第一次显示相册。

    将itemSet的索引赋给页数，这两个成员一直是相等的，这样只是为了区别的看待这两个序数。


2.实现我们的关键方法：
- (void)configScrowViewWithIndex:(int)index withForward:(BOOL)isForward withOrigin:(BOOL)isOrigin

  1. - (void)configScrowViewWithIndex:(int)index withForward:(BOOL)isForward withOrigin:(BOOL)isOrigin  
  2. {  
  3.     if ([_itemSet count]<1) {  
  4.         return;   
  5.     }  
  6.     //当偏移量是0的话加载当前的索引的视图和前后的视图（如果存在的话）  
  7.     if (isOrigin) {  
  8.         WPCellImageView *currentView = [self configItemWithIndex:index];  
  9.         if (currentView) {  
  10.             currentView.tag = CURRENTVIEWTAG;  
  11.             [_scrollView addSubview:currentView];  
  12.               
  13.         }  
  14.           
  15.         WPCellImageView *nextView = [self configItemWithIndex:index+1];  
  16.         if (nextView) {  
  17.             nextView.tag = NEXTVIEWTAG;  
  18.             [_scrollView addSubview:nextView];  
  19.               
  20.         }  
  21.         WPCellImageView *lastView = [self configItemWithIndex:index-1];  
  22.         if(lastView)  
  23.         {  
  24.             lastView.tag = LASTVIEWTAG;  
  25.             [_scrollView addSubview:lastView];  
  26.         }  
  27.           
  28.     }  
  29.     else {  
  30.         //如果向前滑动的话，加载下一张试图的后一张试图，同时移除上一张试图的前一张试图  
  31.         if (isForward) {  
  32.             if ([_scrollView viewWithTag:LASTVIEWTAG])  
  33.             {  
  34.   
  35.                 WPCellImageView *view = (WPCellImageView*)[_scrollView viewWithTag:  
  36.                                                                    LASTVIEWTAG];  
  37.                 [view cancelImageLoad];  
  38.                 [[_scrollView viewWithTag:LASTVIEWTAG]removeFromSuperview];//移出前一个视图  
  39.             }  
  40.             if ([_scrollView viewWithTag:NEXTVIEWTAG])   
  41.             {                    
  42.                 //如果下个视图存在  
  43.                 UIView *currentView = [_scrollView viewWithTag:CURRENTVIEWTAG];  
  44.                 currentView.tag = LASTVIEWTAG;  
  45.                 UIView *view =  [_scrollView viewWithTag:NEXTVIEWTAG];  
  46.                 view.tag     = CURRENTVIEWTAG;  
  47.                 WPCellImageView *nextView = [self configItemWithIndex:index+1];  
  48.                 if (nextView) {  
  49.                     nextView.tag = NEXTVIEWTAG;  
  50.                     [_scrollView addSubview:nextView];  
  51.                 }  
  52.                   
  53.             }  
  54.         }  
  55.         //如果向后滑动的话，加载上一张试图的前一张试图，同时移除下一张试图的后一张试图  
  56.         else {  
  57.             if ([_scrollView viewWithTag:NEXTVIEWTAG]) {  
  58.                 [[_scrollView viewWithTag:NEXTVIEWTAG]removeFromSuperview];//移出后一个视图  
  59.                 WPCellImageView *view = (WPCellImageView*)[_scrollView viewWithTag:  
  60.                                                                    NEXTVIEWTAG];  
  61.                 [view cancelImageLoad];  
  62.             }  
  63.             if ([_scrollView viewWithTag:LASTVIEWTAG]) { //如果上个视图存在  
  64.                 UIView *currentView = [_scrollView viewWithTag:CURRENTVIEWTAG];  
  65.                 currentView.tag = NEXTVIEWTAG;  
  66.                 UIView *view =  [_scrollView viewWithTag:LASTVIEWTAG];  
  67.                 view.tag     = CURRENTVIEWTAG;  
  68.                 WPCellImageView *lastView = [self configItemWithIndex:index-1];  
  69.                 if (lastView) {  
  70.                     lastView.tag = LASTVIEWTAG;  
  71.                     [_scrollView addSubview:lastView];  
  72.                 }  
  73.             }  
  74.               
  75.         }  
  76.           
  77.     }  
  78.       
  79. }  


这里面还调用了一个方法：

- (WPCellImageView*)configItemWithIndex:(int)index

这个方法是index所代表的索引的试图，WPCellImageVIew是我定制的一个试图，能够根据图片URL下载图片，有一些开源库可以用，这里就不细说了。下面贴上这个方法的实现。

  1. if (index<0 || index>[_itemSet count]-1) {  
  2.       DLog(@"%d",[_itemSet count]);  
  3.       return nil;  
  4.   }  
  5.   WPWaterflowItem *dic      = [_itemSet objectAtIndex:index];  
  6.     
  7.   WPCellImageView *firstView = [[WPCellImageView alloc]initWithFrame:CGRectMake(_scrollView.frame.size.width*index, 0, _scrollView.frame.size.width, _scrollView.frame.size.height) ];  
  8.   [firstView setURL:dic.picURL];  
  9.   return [firstView autorelease];  

3.通过UIScrollview的代理方法实现图片的显示和内存管理

  1. #pragma mark UIScrollView Delegate   
  2. - (void)scrollViewDidScroll:(UIScrollView *)scrollView  
  3. {  
  4.     CGFloat pageWidth = scrollView.frame.size.width;  
  5.     int beforeIndex = pageIndex;  
  6.     pageIndex = floor((scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;  
  7.     if (pageIndex>beforeIndex) {  
  8.         itemIndex ++;  
  9.         [self configScrowViewWithIndex:itemIndex withForward:YES withOrigin:NO];  
  10.     }  
  11.     else if(pageIndex<beforeIndex) {  
  12.         itemIndex --;  
  13.         [self configScrowViewWithIndex:itemIndex withForward:NO withOrigin:NO];  
  14.           
  15.     }  
  16.       
  17. }  

呵呵，很简单吧，滑动超过半页的时候就去加载图片和管理内存。


总结：总体的思路就是在一个scroolview一直保存 3张图片，保证比较好的内存管理和流畅。

posted on 2015-01-05 14:32  奋进的闹钟  阅读(538)  评论(0)  编辑  收藏  举报

导航