分析和学习闲鱼app (1)

分析和学习闲鱼app (1)_第1张图片
咸鱼首页

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

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

我的收获:

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

你可能感兴趣的:(分析和学习闲鱼app (1))