iOSでInstagram Storiesキューブの移行はどのように行われますか？

Question

Instagramsの新機能「ストーリー」（あるストーリーから別のストーリーに移動するときにキューブのような移行が起こっていることを知っています）をスワイプすると、その動作を理解できません。あなたが機能に深く掘る場合

まず第一に、あなたはそれが正確にUIPageViewControllers遷移と同じように動作することを見つける：

- 別の観点から、高速スワイプするときに跳ね返ります。
- 画面をタッチすると、移行の途中でスワイプを一時停止できます。

開発チームは、そこに例えばより知られている回避策に基づいたソリューションを使用していませんでした：
https://www.appcoda.com/custom-view-controller-transitions-tutorial/
私の知る限りでは上記の私の2文はより何か他のものでは達成することは不可能であるため、 PageViewController。

これは、Instagram Developer TeamがCube-scrollとも呼ばれるPageViewControllerの新しいトランジションスタイルにアクセスしたと思っていますか、それとも私が気づいていない回避策ですか？

アイデア？

Answer 1

私はこの機能をしばらく作り直してみました。

私はスクロールビューを使用しています（ページングを有効にしています）。各サブビューについて、これらをスクロールの現在のビューの現在のxオフセットの関数として操作しています。ビュー。実際のアニメーションは、コアアニメーション（具体的にはCATransform3DIdentityで与えられる単位行列の変換、CATransform3DRotate）を使用して各サブビューのレイヤーで行われます。

影の効果はサブビューのレイヤー（view.layer.opacity）にも適用され、どのくらいの大きさの影が画面に表示されているかによって決まります。

私の実装は、あなたの懸念（スワイプ時のバウンス、スワイプの一時停止）を解決します。私はこれもUIPageViewControllerを使って実装できたと確信していますが、それらを使って作業するのは嫌です。

Answer 2

あなたはコントローラの部分をここでは思っていると思います。この効果は、CATransformLayerと3面立方体様のビュー構造を使用して簡単に達成できます。ビュー構造には画面平面に合わせて1つのビューがあり、他の2つはy軸で-90と90度回転しています。次に、パンジェスチャーを取得してシーンを回転させます。 90度回転（いずれかの方向）に成功した後は、シーンをすばやくリセットすることができます（回転を維持するように表示されますが、実際にカメラは元の位置に戻されます）前後の「ページ」を更新するだけです。単一のコントローラがこのシーンを処理できます。各ページをコントローラとして使用する場合は、シーン用に1つのコントローラを使用してから、ページコントローラを子コントローラとして使用し、上記のようにビューを設定することもできます。

CATransformLayerの詳細については、thisの記事を参照してください。それらの例は、あなたが必要とするものに非常に近いものを作成しています。