前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS开发中简单代码实现UITableView头视图拉伸效果

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

作者头像
用户1451823
发布2018-09-13 15:09:08
1.2K0
发布2018-09-13 15:09:08
举报
文章被收录于专栏:DannyHoo的专栏DannyHoo的专栏

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1337564

需求:

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

效果图:

头部图片能拉伸

思路:

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

代码:

代码语言:javascript
复制
(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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年02月06日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档