UITableView实现滚动定位与联动效果的应用还是蛮广泛的, 目前刚好实现了这个功能, 在此记录一下.
先看一下实现效果:
实现效果
任何功能的实现思路都很重要, 于是学习模仿一位牛人的思考方式:
1. 先分析我要实现什么效果 2. 实现的难点是什么 3.寻找突破问题的关键点
实现思路
问题一: 上面的日期如何与下面的数据对应上, 实现点击某个日期时可以刚好滚动到对应的位置?
解决: 我的实现思路是上面日期对应每一个组, 每个组中可以包含若干个数据, 每点击一个日期就UItableview滚动到对应的组, UITableView有这个实现方法. 这里重点是与后台协商返回数据格式很重要.
问题二: 滚动下面的数据时刚好将其上面的日历对应的日期位于中间?
解决: 监听滚动的UItableview最上面的一个cell对应的时间, 遍历上面日期, 如果时间相同便使其居中.
问题三: 点击日历中的日期居中?
解决: 这个直接计算点击的日期对应的偏移量即可解决.
问题四: 刚进入时数据是从今天往后的所有数据, 点击今天之前的日期时才将点击的日期及后面的所有数据显示, 反之今天之前的未点击日期的数据不显示?
解决: 这个解决思路是后台控制我将从哪天开始显示, 后台依旧是返回所有日期的数据, 而刚进入时只显示从今天开始后的所有数据由终端控制, 我们截取从今天开始后的所有数据显示, 当点击某个日期时, 移除原先截取的所有数据, 然后重新截取选中日期开始后的所有数据并刷新UItableview.
所有的疑惑罗列出来并提出了解决方案, 下面是实现代码截图:
数组变量,下面需要用到的解释
1. 监听UItableview的滚动:
监听UItableview的滚动
2. 处理手动滚动cell到最顶部时对应的日期居中显示
处理滚动到顶部cell时对应的日期居中显示
2.1 . 具体实现顶部日期居中并颜色改变
这里需要注意一点的是: 如果顶部日期处于最右或者最左边时, 不需要居中显示
顶部日期居中
居中日期颜色改变
3. 顶部日历点击监听事件
这个地方实现了问题四的关键点. 删除之前的数据(仅仅是点击的日期数据还没"加载"出来才需要删除之前的数据, 反之,不需要删除, 直接使其居中即可), 再从所有数据中截取符合条件的所有数据
接上下面的代码显示
顶部日历点击监听事件
4. 滚动UItableview对应组到顶部位置
滚动UItableview对应组到顶部位置
这里之前有个问题, 我自己计算滚动到哪一组,结果发现并没有UItableview自带的滚动效果好,附上之前自己的一段代码, 我在上面步骤4的方法中自己计算的
自己计算滚动的偏移量
整理完思路后 , 整个的实现过程并没有很复杂. 相信你也可以的!
记录完毕!
欢迎指正!
毛姆说的，阅读能为自己筑起一个避难所，几乎可以避开生命中所有的灾难。
欢迎关注我的微信公众号:LDYG2017, 或扫描下方二维码关注. 这里会分享我的读书笔记, 愿你我共同进步.
初始化蒲公英
网友评论