iOS编程——最简单的实现UITableView下拉时顶部图片放大消失的效果

最新推荐文章于 2020-03-24 14:34:44 发布

原创

最新推荐文章于 2020-03-24 14:34:44 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #图片 #tableHeaderView

本文介绍了如何在iOS应用中实现UITableView下拉时顶部图片放大消失的常见效果。通过使用scrollView的delegate方法监测滑动偏移量，结合UIView、UIScrollView和UIImageView的布局调整，动态改变图片Y坐标和clipsToBounds属性，从而达到预期的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常常见到很多App使用这个效果：tableView顶部为一个图片，向下滑动tableView时图片会放大，向上滑动时图片会不同步的上移消失。比如下面图所示：

实现原理很简单，就是使用下面scrollView的delegate方法获取offset实现:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;                                    // any offset changes

唯一需要注意的是：图片不能直接作为tableHeaderView，因为在滑动时需要根据offset的值来动态修改图片的Y坐标，解决方法就是UIView加一个UIScrollView加一个UIImageView，然后把UIImageView设置为autosize，滑动时注意修改UIImageVIew.clipsToBounds 来进行显示；代码如下：