有没有办法在iOS中使用表格视图来deviseTinder / Twitter-self-profile-header效果?

我试图devise类似于Tinder和Twitter自己的个人资料视图上看到的东西。 在用户自己的个人资料图片背后的Tinder上有一个模糊的背景,当它被刷下来的时候,视图变得越来越模糊,最后到达用户的个人资料视图(在Twitter上,它开始变得尖锐,模糊,随着它变大,导致Twitter帐户select视图)。 最近我在许多应用程序中看到了这种特殊效果,我也想把它包含在我的应用程序中。 那个效果/手势是否有名字? 有一个简单的方法来实现一个标准的表视图,或者我应该开始硬编码吗?

基本的devise是通过各种名称,如ParallaxSticky Header ,或Stretchy Header

你正在寻找的具体效果是一个视差模糊

GitHub有几个实现。 这里有两个来自快速search :

  • TwitterCover是一个尖锐的形象,模糊头随着增长。

  • ParallaxBlur是一个模糊的图像,随着标题的增长而变得更加清晰。

作为一个练习,我试图在以下项目中重现twitter profile头文件效果: https : //github.com/BillCarsonFr/twitterprofilepage

在这里输入图像说明

一个简单的方法是在视图控制器上放置两个主要对象。一个是UIViw,另一个是UIScrollView(也是UIScrollView子类)。您可以将UIView放在UIScrollView上,以掩盖scrollview的标题部分。更改scrollview的contenoffset (这是非常重要的,尤其是在使用tableview的时候,或者视图会覆盖单元格)。另一个是调用 – (void)scrollviewdidscroll函数。在这个函数中做一些math计算,主要是通过scrollview.content.offset .Y。 这是一篇介绍这一点的文章 – 实现TWITTER IOS APP UI(更新:SWIFT 3)