两表联动

移动开发 简书

看到有些文章写的两表联动的实现,感觉都有点复杂,其实只需利用tableview的代理方法即可实现。

废话不多说,还是直接来说demo吧。

首先,在main.storyboard中拖连个tableview,约束好布局

1.jpg

然后设置好代理和数据源,就可以在ViewCtroller.m中写了:

利用懒加载方式,加载左右两个表的数据数组:

2.jpg

接着实现代理和数据源方法,比较简单,就直接看代码吧。

3.jpg

4.jpg

5.jpg

选择左边tableview,右边同步,还有选择右边tableview,左边同步,这两个都可以通过代理方法didSelectRowAtIndexPath来实现,主要是滑动右边的时候,左边需要跟着更新,这个其实也是通过代理方法实现的,具体哪个方法呢?试验了几次,发现didEndDisplayingHeaderView这个方法是最好的。即当右边视图section移出视图十,更新左边内容。看代码:

6.jpg

样式什么的比较难看,只是实现下这个效果,结果就是这样:

简书稿源:简书 (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 移动开发 » 两表联动

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录