iOS-Developer-OC

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

2019-06-24  本文已影响0人  Alex1989
实现效果

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

上一篇 下一篇

猜你喜欢

热点阅读