円としてのScrollView

Question

アプリストアでの画像のスクロールと同じように作成したいと思います。スクロールビューで可能ですか？

くださいme.How私は1つを作成することができる任意の体のヘルプ。

Answer 1

私はちょうどiCarouselをよく見ていて、 "シリンダー"タイプのカルーセルがあなたの望むものとほとんど同じように見えます。

歴史的な理由のために私のオリジナルの答え：

私は既製のソリューションを知らないので、you'lは、おそらく他の人が指摘しているとしてのCore Animationを使用する必要があります。しかし、「cover flow」を模倣したTapKu (TKCoverflowView)、iCarousel、MBCoverFlowViewのようなオープンソースプロジェクトは、CocoaControls here,here、hereで見つけ出すことができます。

Answer 2

iPhoneのSafariでタブを切り替えるときのように、2Dサーフェス上に左右のポスターを部分的に表示する動作が必要な場合のみです。これは通常のスクロール表示で可能です。 paging like safari,iPad document previewまたはpaging uiscrollviewのような多くの質問があり、それらは他の関連する質問と回答にリンクしています。それがあなたにとって大丈夫な解決策であれば、その投稿の1つであなたの答えを見つけることができると確信しています。

しかし、それはあなたがサードパーティーのフレームワークを使用する必要がありますか、シリンダー効果を得るために独自のコードを書く必要があります後になっている3Dシリンダーです。

独自のコードを書くには、考慮する必要がある2つの側面があります。 1つは、インターフェイスがどのように見えるか、もう1つはユーザーがユーザーの面でスクロールしたときにどのように感じるかです。私はソニーアプリを使用していないので、どのように動作するのかわかりません。私の推測では、UIScrollViewがあなたのためにできるように、ムービーポスターが中央に置かれた状態で、常に「ページ」されます。

ページングをオンにしてUIScrollViewのソリューションを最適化すると、スクロールがスムーズになりますが、UISwipeGestureRecognizerをビューに追加し、左と右のスワイプを使用して1つのポスターを左右に切り替えることもできます。

UIScrollViewのアプローチの場合は、上記のリンクを見てそこからあなたのやり方を試してみることをお勧めします。

2番目のアプローチ（UISwipeGestureRecognizer）を使用するとメインビューになりますが、これを「ムービービュー」と呼びます。そのレイヤーには、それぞれ1つのポスターがある「ポスターレイヤー」 - サブレイヤが多数存在します。画面上に表示するポスターの数に応じて、ポスターの各位置（中央、左、右（必要に応じてleftEdge、rightEdgeなど）にCATransform3Dを定義することができます）次に、UISwipeGestureRecognizerがスワイプを検出するとムービービュー（ビュー全体）のどこにいても、すべてのレイヤーのトランスフォームプロパティを変更して新しいポジションにアニメーションさせることができます。レイヤーを左右に動かすトランスフォームもあります私が何を意味するのか分からない場合は、Googleの "CATransform m34"を使って、レイヤーを円柱に沿って移動させるように見えるようにすることができます。

「Core Animation CoverFlow "を使用すると、開始するのに役立つ回答が見つかります。中心から外れたレイヤーがあなたから離れて回転し、レイヤーを小さくして少し下に移動するように回転を変更するだけで、ソニーのアプリケーションが持つ「円筒効果」を実現します。

コアアニメーションについて詳しく知りたい方は、これらの書籍のような素晴らしいリソースがたくさんあります。M. Zarra & M. Long: Core Animation、B. Dudney: Core Animation

また、Bill Dudney（第2冊と同じ）のthis screencast-seriesは、素晴らしいCore Animationリソースです。また、エピソード4はCover Flowのようなアプリケーションでも動作します。