仿饿了么商品列表页(tableView联动)

这个功能的关键点是在于左侧tab点击可以联动到右侧的section下面,以及上下滑动右侧tab可以联动到左侧的分区里。

1.首先要有两个列表页展示商品的信息。(此步骤过于简单直接忽略)

仿饿了么商品列表页(tableView联动)_第1张图片

2.然后第一步要在左侧tab的点击事件里写一个方法,这个方法以及可以实现左侧tab点击跳转到右侧tab的section下面了。

仿饿了么商品列表页(tableView联动)_第2张图片

3.下面就是要实现滑动右侧tab联动左边tab了。这时候用到的是scrollView的一个代理方法。

仿饿了么商品列表页(tableView联动)_第3张图片

4.写上这些就大功告成了,其实很简单,只是为了做个笔记以免忘记了这个方法

仿饿了么商品列表页(tableView联动)_第4张图片

你可能感兴趣的:(仿饿了么商品列表页(tableView联动))