UICollectionView 自定义布局(---照片浏览器)

Posted 2023-03-19

参考技术A 类似于美团的购买电影票时的滚动轮播视图
废话不多说,直接上效果图:

还是在这里对文章的主题UICollectionView做个简单的介绍,官方名称集合视图控制器.怎么说,就是一个很牛X的Excel.现在你能看到的稍微复杂一点的苹果主流的应用布局 基本都是这玩意.OK,下面开始介绍它的使用方法(PS:针对的是有一定ios基础的同学,大神勿喷,水军直接忽视就好)

首先你需要继承系统自带布局,有两种(UICollectionViewLayout,UICollectionViewFlowLayout),推荐使用第二种(流水布局),要是继承第一种,所有的布局都要自己写,本来我们的工作就是一天的写写写,说实话能少些点,就少写点.我一向主张用最少的时间与精力完成上面交给的任务就好.所以,像这种一个方向的滚动还是流水布局比较方便些.下面是具体实现方法:

这个方法告诉系统只要用户改变了item的边界,就要重新刷新布局,而一旦重新刷新布局就会调用.打个比方,就好比你去跑步,你跑步时总要听音乐吧,反正我干跑我是不爱跑,总要有些动力嘛.而每首歌的不同感觉也会影响你的节奏,所以你要时刻记录每首歌的感觉来配合自己的状态.

很多人会习惯于在-(void)init方法里实现一些初始化工作,但是这样会引起一些错误.比如我们我们想实现一打开视图控制器,第一张和最后一张图片要在中间,即

我们会设置它的sectionInset属性,而左边的宽度我们是用整个UICollectionView的宽度减去item的宽度再除以2得到的,如果在-(void)init初始化这个属性,当主控制器调用这个方法时,UICollectionView这个宽度还没有被创建出来,即宽度为0.一般这种逻辑性的bug很难被发现,这就需要我们平时的多积累与练习才好.

这个方法,是返回item的布局属性,我们对item进行的每个动画效果都可以在这里面设置,部分细节 可以看里面的注释. 很重要的一点就是,我们要时刻注意内存的管理与优化,避免不必要的浪费,很多人说自己是个完美主义者,我只想说你能有我们程序猿更注重完美?!连一点资源,一个字母的编写都要力求完美,生怕用户用起来会不流畅.所以我们在遍历每个item时候,应该只遍历用户看的见的从而对他进行3D变换,那些看不见的何必去管呢?大致思路就是:判断可见区域的frame与item的frame是否重叠.

最后一个很特别的方法,他不属于布局属性,但是如果我们想设置collectionView停止滚动那一刻的 位置,可以调用这个方法.

其中,参数proposedContentOffset是原来collectionView停止滚动那一刻的位置,velocity即滚动速度.

OK,这篇文章就当练手吧,也是为了能和大家一起交流讨论,希望可以共同进步.