如何实现这种效果，如酒店今晚应用程序中所见

Question

我试图弄清楚如何完成这几个效果。效果是从图像的滚动视图转换为看起来像启用了分页的UIViewController。

我添加了两个截图。在图1中，似乎有一个嵌入式滚动视图，当用户点击红色按钮时，它会打开到图2所示的全屏视图。

第二个是转换到启用了分页的滚动视图。我遇到的一个问题是“隐藏”按钮（显示为红色按钮）。效果是动画，如图1所示。

我认为这是作为图1中的嵌套滚动视图完成的，动画向外扩展。这部分是如何完成的？可以动画一个被拉回来的面具吗？我的想法是正确的还是有不同的方法来实现这个目标？

事先提前

Answer 1

很难说出几张静态照片会发生什么。我猜这个应用程序只是使用UIView动画从屏幕的顶部和底部滑出两组视图，同时扩展滚动视图的大小，其中的图片几乎全屏。然后隐藏按钮会反过来做同样的事情。我在公司的几个应用程序中做了类似的事情。

在这种情况下，我将视图组放在容器视图中的上方，并将图片下方的视图组放入单独的容器视图中。

我不太了解视图的顺序以及页面控制器发挥作用的地方，所以推荐一种特定的方法有点难度。