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

实现效果

实现某些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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容