如何获得雅虎天气滚动视图效果？

问题描述：

我真的很喜欢创建类似于雅虎天气应用程序的UIScrollView。下面是关于视频的例子：如何获得雅虎天气滚动视图效果？

我发现这个混帐这将alow我做渐变背景件事：

但我会怎样实现的模糊效果顶部，以便随着内容的滚动，它几乎淡出UINavigationBar

任何帮助将不胜感激！

雅虎效应，我称之为，其实很酷。我也想学习。我觉得这个效果会来自透明的UINavigationBar和UIImage的自动模糊，一旦滚动已经过了某个点。也许有一些if else语句。 –

答

我没有亲自尝试过，但，这可能是一个良好的开端：https://github.com/kronik/DKLiveBlur

DKLiveBlur

DKLiveBlur和演示应用程序的来源显示出类似的雅虎天气iOS应用实时模糊效果。

答

我在Yahoo!中编写了UI效果的代码。天气应用程序，将很乐意回答你的问题。

听起来像你已经弄清楚如何做模糊（基于像素偏移量的模糊图像之间的淡出，最大限度地出现在一定的数量......为了更好的效果，你可以在模糊中有多个步骤 - 即在非模糊到半模糊之间褪色，然后半模糊到完全模糊等）。

对于下那种效果衰落，你可以设置你的内容视图的层上的mask属性：

掩码是淡入从透明到不透明的图像。

- Iain。

令人敬畏的应用程序，顺便说一句。同时出现简单和酷。我只喜欢开始并盯着它。让我感到轻松:)我对风车动画有一个疑问。我们如何讨论这个问题？ – Schultz9999

@Lain，伟大的应用程序！顺便说一句，为什么顶部的紫色线？任何特定的原因。只是好奇:) – doNotCheckMyBlog

@Lain，你使用了什么模糊的方法？我非常喜欢你所获得的外观。 – nibeck

答

感谢Iain指出CALayer面具。

从Evan Davis博客下载模糊示例代码。

答

我可能晚了一点，但我有一个示例项目，完全是这样。我确实试图通过Yahoo！ Iain正在谈论的这个形象面具的应用程序。我还没有能够按照他所描述的方式使用它。所以我创建了一个CALayer来实现这个效果。

（@Iain，真棒工作大风扇！）

答

我使用达到类似的效果FXBlurView： https://github.com/nicklockwood/FXBlurView

您只需将blurRadius相对于滚动量设置：scrollView.contentOffset.y