美文网首页
tableHeaderView实现弹簧的效果

tableHeaderView实现弹簧的效果

作者: 西土城小羊 | 来源:发表于2017-03-06 19:11 被阅读245次

今天完成了轮播图的实现,其中有一个小需求就是轮播图下拉的时候有一个弹簧的效果,比较简单的实现,因为tableView继承自scrollView,所以可以通过实现代理方法完成这个需求

#pragma mark - 实现顶部轮播图的弹簧效果
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
     CGFloat yOffset = scrollView.contentOffset.y;
     CGRect rect = self.topView.frame;
    //topView下拉弹簧效果
    if(yOffset < 0 ){
        rect.origin.y = yOffset;
        rect.size.height = self.originHeight - yOffset;
        self.topView.frame = rect;
    }else{
        rect.origin.y = self.originY;
        rect.size.height = self.originHeight;
    }
    self.topView.frame = rect;
}

首先在viewDidLoad中

    self.originHeight = self.topView.frame.size.height;
    self.originY = self.topView.frame.origin.y;

记录下开始的时候topView也就是轮播图封装控件frame,主要是高度和y,当tableView被用户滚动的时候,就会来到scrollViewDidScroll:函数,这个时候获取contentOffset,如果y轴方向上的偏移是负值,就表示topView需要被放大。

相关文章

  • tableHeaderView实现弹簧的效果

    今天完成了轮播图的实现,其中有一个小需求就是轮播图下拉的时候有一个弹簧的效果,比较简单的实现,因为tableVie...

  • SpringAnimator实现联动效果

    使用SpringAnimation实现弹簧联动 简介 弹簧效果动画SpringAnimation与甩动效果动画Fl...

  • 使用tableHeaderView和tableFooterVie

    先看下效果 实现这两个需求很简单,因为TableView的tableHeaderView和tableFooterV...

  • iOS 弹簧效果(CollectionView实现)

    这个是我根据@allsome 大神的印象笔记弹簧效果那篇改成oc的,因为大神之前是swift写的 我看到底下的评...

  • iOS开发之POP动画基础1

    简介:pop动画引擎是Facebook公司开源的,主要实现了真实物理系的动画效果(弹簧效果与衰减效果)1、pop动...

  • iOS 动画框架pop使用方法

    pop支持4种动画类型:弹簧动画效果、衰减动画效果、基本动画效果和自定义动画效果。 弹簧动画效果 1.效果图如下:...

  • iOS弹簧动画的简单效果实现

    最近在学习CAAnimation,突发奇想想实现一个类似弹簧拉伸回弹的效果,如下图的效果: 那么做之前先分析一下,...

  • UIScrollView 弹簧效果

    当 UIScrollView 的 contentSize 的宽、高 小于 它自身的 frame 的宽、高时,默认的...

  • TabBarSendView

    先看一下最终实现效果 接下来,看一下具体实现代码: 在这里有两个知识点: 1. Spring函数,用于展示弹簧效果...

  • ios动画效果四:使用Pop框架实现弹簧效果

    pop框架是Google推出的用于处理iOS动画的一个特别好用的框架如果对这个框架没有了解的,可与去看一下官方提供...

网友评论

      本文标题:tableHeaderView实现弹簧的效果

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