iOS开发中简单代码实现UITableView头视图拉伸效果

需求:

实现UITableView头部视图(图片)能拉伸的效果。

效果图:


头部图片能拉伸


思路:

使用masonry对头视图上的图片进行布局,当UITableView向下进行滑动的时候(即偏移量为负),更新头视图上图片top的约束,其约束与偏移量的y相等。

代码:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{

    HeaderView * headerView = (HeaderView *)self.tableView.tableHeaderView;

    [headerView scrollViewDidScroll:scrollView];

}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{

    CGPoint offset = scrollView.contentOffset;

    if(offset.y < 0){

        [self.imageV mas_updateConstraints:^(MASConstraintMaker *make) {

//            make.top.mas_equalTo(offset.y);

            make.top.equalTo(@(offset.y));

        }];

    }

}

demo:

https://github.com/yangguanghei/the-header-of-tensile

本篇文章到这里就结束了,愿大家加班不多工资多,男同胞都有女朋友,女同胞都有男朋友。

你可能感兴趣的:(iOS开发中简单代码实现UITableView头视图拉伸效果)