9F39EFEDE3BF54646993B87D7E81EBC6.jpg
类似这种界面 我们在APP中随处可见 那么他们都是怎样实现的呢
今天就来介绍一下用collectionView来实现这种界面 首先我们来观察一下这个界面 初步观察 可以看出 它是由两个collectionView构成的 上面的是可以横向滑动的collectionView 下面的那个是一个可以纵向滑动的collectionView 表面上是写两个collectionView就行了 可是有没有注意其中的每个小细节呢 首先这两个collectionView都有标题 而且纵向滑动的collectionView有多个分区 这个我们都要考虑到 最难解决的就是应该怎么整体考虑这个界面 从整体上考虑 如果是你 你会先从哪里着手 先创建什么东西 后创建什么东西 这两个collectionView之间又存在怎样的联系 怎样去创建才会简单一点呢
在这里我提出两个解决这个问题的方法:
- 先创建下面的那个多分区的collectionView 不考虑上面的那个collectionView 正常创建下面的collectionView 让下面的collectionView正常显示后 再考虑上面的collectionView 将上面的collectionView放到下面collectionView的头视图上 这里就要注意了 collectionView的头视图需要注册 在collectionView的头视图中去创建上面的collectionView
- 也是先创建下面的collectionView 然后设置下面collectionView的偏移量 使collectionView的起始位置向下移动 然后在空出来的位置上创建上面的collectionView (注意坐标)
网友评论