iOS技术分享程序员iOS Developer

iOS 简单实现TableView 两级联动效果

2017-04-19  本文已影响238人  一个写代码的文艺姑娘

项目中经常的两级联动效果,使用率非常高,例如:区域选择的两级或三级联动,还有分类两级联动等等;

所以抽个空闲的间隙,文艺的倒杯茶(好吧,倒杯水😭),简单写个小 demo😊;

先看看效果😀;

描述一下两级联动实现的思路,两级联动的原理挺简单,一般两级可以可以用两个 TableView去实现,也可以用一个 TableView和一个 CollectionView去实现,简单来说就是选中左侧的 cell, 右侧的 cell 跟着滚动到对应位置,然后滑动右侧的 cell会让左侧的 cell 滚动到相对应的位置;

首先定义几个宏定义,方便后面的使用,

//左边滚动视图的宽度等于屏幕的宽度*0.27

#define leftTableWidth [UIScreen mainScreen].bounds.size.width * 0.27

//右边滚动视图的宽度等于屏幕的宽度*0.73

#define rightTableWidth [UIScreen mainScreen].bounds.size.width * 0.73

返回 cell 的高度,以及左右两边的 TableViewCell 的内容

让 TableView 滚动起来

Cell 选中的代理方法

懒加载,在需要用到的时候才去调用

上一篇 下一篇

猜你喜欢

热点阅读