ios4 - iOS iBook ライク ストア アニメーション

Question

Apple が iBooks アプリのストアへの移行をどのように行っているか知っている人はいますか? UIModalTransitionStyleFlipHorizo​​ntal 遷移スタイルが設定された Modal View Controller を使用していることは知っていますが、遷移を行うときに「本棚」の「深さ」をどのように表示しているかわかりません。

Answer 1

アニメーションは次のように機能すると思います。

1. 本棚の「スナップショット」画像が取得され、CALayer のコンテンツに設定されます。
2. ブックシェルフ ビューがそのスーパービューから削除されます。
3. 本棚の画像を含む新しく作成された CALayer (本棚レイヤー) が、既存の (または新しく作成された) UIView のレイヤーに追加されます。
4. 別のレイヤー（側面レイヤー）が作成され、本棚の側面の画像がコンテンツとして使用されます。このレイヤーはUIViewに追加されますサイドレイヤーは本棚レイヤーの右端に配置されます。
5. サイド レイヤーの変換は、y 軸を中心に M_PI_2 ラジアン回転するように設定されています。これにより、デバイス画面に対して垂直であるため、本質的に見えなくなります
6. 本棚と側面のレイヤーにはアニメーションが追加されており、それぞれが y 軸を中心に M_PI_2 回転して変換されます。このアニメーションが終了すると、本棚がデバイスの画面に対して垂直になり、側面のレイヤーが完全に表示されます。
7. 新しいレイヤー (ストア レイヤー) が作成され、ストアのスナップショット イメージが新しいレイヤーのコンテンツとして追加されます。. .
8. サイド レイヤーとストア レイヤーには、y 軸を中心とした M_PI_2 回転でそれぞれを変換するアニメーションが追加されています。
9. すべてのレイヤーが削除され、ストアの UIView が表示されます。

私は iBooks アプリについて何の内部知識も持っていませんが、もし私がこの効果を再現しようとするなら、これが私のやり方です。FWIW、CALayers の配置と変換のコツをつかめば、このようなアニメーションをいじるのはちょっと楽しいです。