ios - Hotel Tonight アプリで見られるこの効果を実現する方法

Question

この効果のいくつかの部分がどのように行われるかを理解しようとしています。その効果は、画像のスクロール ビューから、ページングが有効になっている UIViewController のように見えるものへの移行です。

2 つのスクリーンショットを含めました。図 1 には、スクロール ビューが埋め込まれているように見えます。ユーザーが赤いボタンをクリックすると、図 2 に示すフル スクリーン ビューが開きます。

2 つ目は、ページングを有効にしたスクロール ビューへの遷移です。私が持っている 1 つの質問は、「非表示」ボタン (赤いボタンとして表示) です。効果は図 1 までのアニメーションです。

これは、図 1 のネストされたスクロール ビューとして実行され、展開方向のアニメーションが表示されると思います。この部分はどのように行われますか？引き戻されたマスクをアニメートできますか? 私の考えは正しいですか、それともこれを達成する別の方法はありますか?

thx事前に

Answer 1

数枚の静止画から何が起こっているのかを伝えるのは困難です。アプリは UIView アニメーションを使用して、画面の上部と下部から 2 つのグループのビューをスライドさせながら、画像を含むスクロール ビューのサイズをほぼフルスクリーンに拡大していると思います。次に、非表示ボタンは同じことを逆に行います。これと非常によく似たことを、当社のいくつかのアプリで行いました。

この場合、画像の上のビューのグループをコンテナー ビューに配置し、画像の下のビューのグループを別のコンテナー ビューに配置します。

ビューのシーケンスとページ コントローラーが機能する場所がよくわからないので、特定のアプローチを推奨するのは少し難しいです。