美文网首页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