分析和学习闲鱼app (1)

通过界面层级分析可以看出
闲鱼app首页设计思路:
主体上是一个tableView, tableVIew 上面有若干cell,其中倒数第二个cell展示一排标题按钮,最后一行cell作为容器里面添加一个collectionView提供横向滚动,这个collectionView内部又添加一个竖向滚动的collectionView用于数据的展示.

之前项目,我也是基于这种思路封装了一个类似的框架,虽然也能实现相同效果,但是中间踩了很多坑.

我的收获:

• 设计细节:
  我封装的标题栏是作为一个sectionHeader,标题栏下面的的竖向滚动的collectionView 是放在一个tableViewCell里面; 而闲鱼是把标题栏和竖向滚动的collectionView 是放在同一个tableViewCell里面.
  看似没多大区别,但是后者的设计避免了很多吸顶状态临界值滚动冲突问题.