首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >创建像iOS 8天气应用程序这样的动画

创建像iOS 8天气应用程序这样的动画
EN

Stack Overflow用户
提问于 2014-07-22 00:06:22
回答 1查看 1.8K关注 0票数 4

我想要创建一个视图,在其中我喜欢动画,比如iOS 8天气应用程序中的动画。我试图更多地解释我所做的事情。如果有什么不对的地方,请指导我。

  1. 在顶部我贴了一个温度标签。(大的)
  2. 在这个标签下面,我放了另一个标签来显示一些文字。在天气应用程序中,有显示每小时预报的水平滚动视图。
  3. 接下来是Table视图。

我想要实现的是,当我开始滚动时,第一个标签平滑地消失,第二个标签出现在屏幕上方,TableView延伸以显示更多的内容。当我滚动回顶部时,我希望整个过程能够恢复。

做这件事最好的方法是什么?

EN

回答 1

Stack Overflow用户

发布于 2015-03-01 15:29:34

我最近重新创建了iOS8天气应用程序的滚动效果,我正在创建一个应用程序。

完整的代码太长了,不能在这里发布,但是对于任何感兴趣的人,我已经把它放在GitHub上了。您可以下载并运行该项目,以查看它的外观。欢迎对守则进行改进:

蒙面内容的UIScrollView

它的工作方式如下:

  1. 您有一个滚动视图(屏幕的大小),它包含一个子视图(掩码),而该子视图又有一个子视图(内容)。我们还在屏幕顶部添加了一个大标签(在天气应用程序中,这会显示温度)。
  2. 然后使用scrollViewDidScroll委托方法在用户滚动时将掩码固定在屏幕上。首先,您还可以使用此方法将面罩向上拉伸。
  3. 将掩码固定到屏幕上意味着掩码的子视图(我们的内容)也会变得固定。但是我们希望它滚动,所以我们做的内容与我们对掩码所做的相反(同样,使用scrollViewDidScroll)。
  4. 我们需要掩码作为掩码,所以我们在掩码上设置了clipsToBounds = YES
  5. 最后,我们使用滚动视图的偏移量在滚动期间移动和淡出屏幕顶部的大标签。

为了使其行为与iOS8天气应用程序完全相同,我们还需要执行以下操作:

  • 取消任何滚动接触发生在遮罩上方,即在大的温度显示。
  • 如果用户不完成,确保移动温度显示的初始滚动以编程方式完成。
  • 添加一个侧面滚动的子视图,它锚定在掩码的顶部。

不过,我还没做过这些。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24876847

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档