ios - iPadで絵本アプリのようにページめくりをする方法

Question

私はストーリーブックアプリに取り組んでいます。次のビデオのようにページカールを行いたいと考えています。

デモビデオ

誰でもこのように正確に行う方法を教えてもらえますか?

アップデート：

このページのカーリングを iOS 4.3 以降に対応させたい。UIPageViewController は iOS 6 でのみ動作します。

score 2 · Accepted Answer

検討することをお勧めしますUIPageViewController。ページカーリングアニメーションを使用するアプリの作成に非常に役立ちます。これがドキュメントのリンクです。

score 2 · Accepted Answer

これには UIView のアニメーション効果を利用できます。私はこれがあなたを助けるはずだと思います

[UIView beginAnimations:@"Curl" context:nil];
[UIView setAnimationDuration:2.0];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:contentView cache:YES];
[UIView commitAnimations];

contentView は、アニメーションを適用するビューです。継続時間とアニメーションカーブを変更することで、アニメーション効果を変更できます。

score 1 · Accepted Answer

それには 2 つの方法があります。

難しい方法は、すべてを自分で実装し (レイヤーとマスク、変換とグラデーションを使用してゼロから)、多くの頭痛の種です。
簡単な方法は、UIPageViewController@Zen が提案するドキュメントを読んでください。これは非常に便利で、(ビデオに示されているように) 必要な正確なアニメーションを提供します。または、サードパーティのコードを使用します。

時間の制約がない場合は、最初の方法で行ってください。あなたは多くを学ぶでしょう。

乾杯、楽しんでください:)

編集

サンプルアプリへのリンクは次のとおりです。

https://www.dropbox.com/s/x4qo2igrzvnkj16/CurlAnimationProject.zip

それをチェックして、あなたの考えを教えてください。

score 0 · Accepted Answer

SettingViewController *svc = [[SettingViewController alloc]initWithNibName:@"SettingViewController" bundle:nil];
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:2];
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
[self.navigationController pushViewController:svc animated:YES];
[UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.navigationController.view cache:NO];
[UIView commitAnimations];

score 0 · Accepted Answer

次の方法で、ページめくり/めくり効果を作成できます

横向きモードの場合:

[UIView beginAnimations:@"Curl" context:nil];
[UIView setAnimationDuration:2.0];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:contentView cache:YES];
[UIView commitAnimations];

縦向きモードの場合:

[UIView beginAnimations:@"Curl" context:nil];
[UIView setAnimationDuration:2.0];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationTransition:UIViewAnimationTransitionCurlLeft forView:contentView cache:YES];
[UIView commitAnimations];

score 0 · Accepted Answer

回答で何度か述べたように、UIPageViewController (アップルのドキュメント) を確認する必要があります。

実装はかなり簡単で、コントローラーは 2 つのデリゲートを使用します

datasource : 表示するコンテンツ (ページ) を 2 つの主な方法で制御します
デリゲート: その動作を制御する

ページからページへスクロールするためのスワイプジェスチャを実装し、ビューの下部にページコントロールを配置できます。

ページからページへの移行には、スクロールアニメーション (写真/ポートフォリオタイプに最適) または探しているページカールを設定できます。

ios - iPadで絵本アプリのようにページめくりをする方法

6 に答える 6

Related

Reference