9

私は iBooks のクローンであるアプリケーションに取り組んでおり、過去 2 日間、iBook アプリが実行するような本の表紙の流れをアニメーション化しようとしています。

これは iBooks のスクリーンショットです。私の本棚はまさにこのようなものです。

ここに画像の説明を入力

ユーザーが本をタップすると、次のようなアニメーション遷移を実行したい:

ここに画像の説明を入力

ここに画像の説明を入力

左側にブック カバー フリップが表示され、白いビューはブックのコンテンツをロードするための新しいビュー コントローラーです。

誰でもこの問題で私を助けてもらえますか? まったく同じアニメーションを実行したい。2 つのビュー コントローラーを使用します。

4

4 に答える 4

5

私は github で ibook オープン効果のデモをコーディングしています。iBooksOpenを見ることができます。

于 2013-03-08T07:19:58.890 に答える
4

これがあなたを助けることができるかもしれないそれをチェックしてください：

   coverView.layer.anchorPoint=CGPointMake(0, .5);
  coverView.center = CGPointMake(coverView.center.x - coverView.bounds.size.width/2.0f, coverView.center.y);

    NSLog(@"%f",coverView.layer.anchorPoint.y);

    [UIView animateWithDuration:.5 delay:0 options:UIViewAnimationCurveEaseIn  animations:^{
        coverView.transform = CGAffineTransformMakeTranslation(0,0);
        CATransform3D _3Dt = CATransform3DIdentity;
        _3Dt =CATransform3DMakeRotation(3.141f/2.0f,0.0f,-1.0f,0.0f);
        _3Dt.m34 = 0.001f;
        _3Dt.m14 = -0.0015f;
        coverView.layer.transform =_3Dt;
    } completion:^(BOOL finished){
        if (finished) {
            [self animateCurrentViewController];
            [self toolBarAndNavigationBarNeedToShow:YES];
        }
    }];

CoverView はあなたの見解に他なりません

于 2012-10-09T06:06:59.087 に答える
1

凡例: LibraryViewController- 本のある棚 ReadingViewController- 読書が行われる ViewController (質問の最後の画像を参照)

カバーがUIImageView. readingViewControlleriOS 5.0 以降を使用すると、 のサブビューとして追加できますLibrabryViewController。次に、アニメーションの 1 つが本をズームしています (readingViewController + UIIMageView)。ここでは、両方のコンテナーである UIView をアニメーション化することをお勧めします。2 つ目は、表紙をめくることです。

UIIMageView.transform = CGAffineTransformMake(a,b,c,d,tx,ty); ここでは a と d は -1 にすべきだと思います CGAffineTransform の詳細を参照してください

PS これは興味深い問題のようです。おすすめの方法があれば教えてください！

于 2012-09-26T11:17:29.273 に答える
0

よくわかりませんが、UIPageViewController を試すことができるかもしれません。ブック効果が得られます。ここにリンクがあります：http://developer.apple.com/library/ios/#DOCUMENTATION/UIKit/Reference/UIPageViewControllerClassReferenceClassRef/UIPageViewControllerClassReference.html

于 2012-07-20T05:55:33.883 に答える