11

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

デモビデオ

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

アップデート：

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

4

6 に答える 6

2

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

于 2013-01-18T05:25:28.640 に答える
2

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

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

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

于 2013-02-19T05:12:26.500 に答える
1

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

  1. 難しい方法は、すべてを自分で実装し (レイヤーとマスク、変換とグラデーションを使用してゼロから)、多くの頭痛の種です。

  2. 簡単な方法は、UIPageViewController@Zen が提案するドキュメントを読んでください。これは非常に便利で、(ビデオに示されているように) 必要な正確なアニメーションを提供します。または、サードパーティのコードを使用します。

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

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

編集

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

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

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

于 2013-02-14T12:29:31.397 に答える
0 
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];
于 2013-02-28T11:28:02.110 に答える
0

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

横向きモードの場合:

[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];
于 2013-03-06T05:42:46.127 に答える
0

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

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

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

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

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

于 2013-03-04T08:49:05.267 に答える