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