两表联动

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

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

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


两表联动_第1张图片
1.jpg

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

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


两表联动_第2张图片
2.jpg

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


两表联动_第3张图片
3.jpg


两表联动_第4张图片
4.jpg


两表联动_第5张图片
5.jpg

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


两表联动_第6张图片
6.jpg

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


两表联动_第7张图片

你可能感兴趣的:(两表联动)