iOS实例——滑动列表展现/隐藏顶部视图

最新推荐文章于 2021-04-25 16:32:31 发布

Cloudox_

最新推荐文章于 2021-04-25 16:32:31 发布

阅读量5k

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS 拾遗iOS之海文章标签： iOS 列表顶部视图

本文链接：https://blog.youkuaiyun.com/cloudox_/article/details/70272845

本文介绍如何在iOS应用中实现滑动列表时顶部视图隐藏和动态渐变效果。通过设置顶部视图为self.view的子视图，并调整列表contentoffset，结合KVO监听滚动，实现视图随滚动移动并渐变透明。详细示例工程可在GitHub找到。

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

引

项目中需要一个效果：下滚列表时顶部的自定义视图不移动，上移时隐藏顶部视图，提高列表的展现范围。在此基础上海加了一个隐藏列表时的动态渐入渐出效果，如下：

实现

实现的要点是，顶部的视图要随着列表的滚动而滚动，且列表最上是可以滚动到屏幕顶部的，最下就是滚动到一个固定的位置就不再往下滚动了，至于渐变效果只要能控制滚动自然也能控制随着滚动去改变alpha值了。

关键就在于顶部视图不是简单的放在列表之上，也不是简单的作为列表的headerview。

顶部视图确实是直接作为self.view的子视图来添加的，但是列表的范围同样是覆盖整个屏幕，那么为了避免列表内容被顶部视图盖住，就要设置列表的contentoffset值。

要注意的是，设置contentoffset值必须在添加列表到self.view之后，否则无效，设置之后可能你会发现刚开始是好的，一点击列表内容就回到顶部了，别慌，那是之后会解决的问题：

    self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, SCREENWIDTH, SCREENHEIGHT)];
    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    self.tableView.tableFooterView = [[UIView alloc] init];

最低0.47元/天解锁文章

200万优质内容无限畅学