图文问诊-相册展示技术分享

前言：

多张图片的展示技术，以前一直用第三方实现。其实自己很想自己实现一次。自从尝试过微医的图文问诊的图片展示功能，就一直准备自己仿写一套自己代码。由于第一版本时间紧张，故没有实现这个个功能。但是私下一直在研究。应无名建议在问诊第三个版本中终于要加这个板块了。个人感觉该模块运用范围挺广泛的，所以分享一下实现方式。

从两个模块分享这次的话题：

1：自定义具有缩放功能的WMImageview。

2：进入相册，并选择多张图片，图片的展示和删除逻辑。

## 自定义WMImageview

1：在另外一篇文章中已经说明。这里不做详细介绍。

2：下面我们进入主题。先上一张逻辑图，整个实现流程是按这个逻辑图走下去的。

图文问诊的图片展示逻辑

首先是展示缩略图的展示页面，这个页面原理很简单就是一个瀑布流。但是这个页面却有两中cell展示，一种是展示缩略图的，一种是展示引导页面的。而且展示引导页面的数据永远在最后的位置放着。为了方便对数据源的管理我申明了两个数组

@property (nonatomic,strong)NSMutableArray *guidanceArray;//用来装引导页面

@property (nonatomic,strong)NSMutableArray *photosArray;//用来装图片源

在数据源中需要判断。self.photos的数目不等于六，说明图片没有达到我们需求的6张。这个时候，就需要把索引图片显示出来。

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{

     if (self.photos.count!=6) {

         return self.guidanceArray.count+self.photos.count;

     }

     else{

          return self.photos.count;

     }

 }

在下面方法中巧妙的用indexPath.row+1 于self.photos的数目进行比较。如果前者大于后者说明多的那一个cell就是我们用来展示索引图的。

''- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

''    if (indexPath.row+1>self.photos.count) {

''        WMGuidanceCollectionViewCell * item = [collectionView dequeueReusableCellWithReuseIdentifier:@"MGuidanceCollectionViewCell" forIndexPath:indexPath];

''        return item;

''    }

''    else{

''        WMImageCollectionViewCell * item = [collectionView dequeueReusableCellWithReuseIdentifier:@"imageCollectionViewCell" forIndexPath:indexPath];

''        item.delegate=self;

''        item.deletePhoto.tag=indexPath.row;

''        item.showImageView.image =self.photos[indexPath.row];

''        return item;

''    }

'' }

同上面一样的道理。在点击事件也会有不同的响应。

''- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{

''    if (indexPath.row+1>self.photos.count) {

''        [self changedImageAction];

''        return;

''    }

''    [self setupView:indexPath.row];

'' }

''

多张图片的展示用UIScrollView实现的居多，但是考虑到资源的问题，我准备用UICollectionView作为容器来展示。UICollectionView的cell的复用机制，当展示的图片很多时，就可以在性能上有很大的提升。