使用UICollectionView实现图片轮播器

前言

             图片轮播是一种很常见的UI交互方式。以前一直使用着别人写的轮子。最近空闲下来,就尝试着写一个UICollectionView的图片轮播器,原理也不难。这里说一下为什么要用UICollectionView呢?因为可以实现

复用。

使用UICollectionView实现图片轮播器_第1张图片
效果图

原理图

使用UICollectionView实现图片轮播器_第2张图片
原理图



接下来我们直接看代码,这里为了方便,我直接用截图


使用UICollectionView实现图片轮播器_第3张图片
目录

WXPictureLoopView:主控制器

WXPictureLoopFlowLayout: UICollectionViewFlowLayout

WXPictureLoopCellView:UICollectionViewCell

UIImage+WXImageCategory:一个图片的分类


WXPictureLoopView.h

使用UICollectionView实现图片轮播器_第4张图片

WXPictureLoopView.m



使用UICollectionView实现图片轮播器_第5张图片
使用UICollectionView实现图片轮播器_第6张图片
使用UICollectionView实现图片轮播器_第7张图片
使用UICollectionView实现图片轮播器_第8张图片
使用UICollectionView实现图片轮播器_第9张图片
使用UICollectionView实现图片轮播器_第10张图片


WXPictureLoopFlowLayout


使用UICollectionView实现图片轮播器_第11张图片
使用UICollectionView实现图片轮播器_第12张图片

完毕。

Github:https://github.com/weixin1/-UICollectionView-

你可能感兴趣的:(使用UICollectionView实现图片轮播器)