tableHeaderView实现弹簧的效果

今天完成了轮播图的实现,其中有一个小需求就是轮播图下拉的时候有一个弹簧的效果,比较简单的实现,因为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实现弹簧的效果)