美文网首页iOS-Developer-OC
iOS实现App“二楼”效果,淘宝京东商品详情交互

iOS实现App“二楼”效果,淘宝京东商品详情交互

作者: Alex1989 | 来源:发表于2019-06-24 21:13 被阅读0次
实现效果

实现某些app二楼的的效果,淘宝,京东的商品详情也有类似的上拉下拉的回弹交互。

思路核心:

1.建立一个ContentView,作为3个scrollView的父视图,ContentView的高度: 3 * 屏幕的高度,初始坐标为-self.View.size.height的高度,通过改变ContentView的y坐标即可实现交互

2.采用3个ScrollViewView平铺实现(ScrollView的ContentSize高度必须大于屏幕高度负责无法实现滚动,否则无法实现ScrollView的回调)

2.在ScrolViewl回调方法scrollViewDidEndDragging实现

- (void)scrollViewDidEndDragging:(UIScrollView*)scrollView willDecelerate:(BOOL)decelerate 

3.判断当前ScrollView,执行不同逻辑

逻辑代码截图:

代码截图

4.Demo奉上:

https://github.com/alexgaosun/PullUpAndDonwScrollDemo

相关文章

网友评论

    本文标题:iOS实现App“二楼”效果,淘宝京东商品详情交互

    本文链接:https://www.haomeiwen.com/subject/cbnpbqtx.html