web-dev-qa-db-ja.com

iOS-アニメーション効果-画像ポップイン

IPhoneアプリに画像を表示するのではなく、画面に「ポップイン」してほしい。 「ポップイン」とは、小さな点から実際のサイズに成長することを意味します。参考までに、これはKeynoteの「ポップ」アニメーション効果とまったく同じです。私は完全にiOSアニメーションに慣れていないので、誰かが私が使用する必要のあるアニメーション効果の方向を教えてくれれば、それは大歓迎です。

ありがとう

ブライアン

[〜＃〜] update [〜＃〜]以下の提案からこのコードを追加しました。これは機能しますが、イメージを拡大するのではなく縮小します。これは、変換スケールサイズが0.01であるためです。サイズ0.0の画像から始めて1に拡大する方法を知りたいのですが、画像のサイズを次のように設定するだけです。 0？ありがとう

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration: 0.2];
image.transform = CGAffineTransformMakeScale(0.01, 0.01);
[UIView setAnimationDelegate:self];
[UIView commitAnimations];
iphoneiosanimationuianimation
31
Brian Boyle

探している効果は次のようなものです。

// instantaneously make the image view small (scaled to 1% of its actual size)
view.transform = CGAffineTransformMakeScale(0.01, 0.01);
[UIView animateWithDuration:0.2 delay:0 options:UIViewAnimationOptionCurveEaseOut animations:^{
    // animate it to the identity transform (100% scale)
    view.transform = CGAffineTransformIdentity;
} completion:^(BOOL finished){
    // if you want to do something once the animation finishes, put it here
}];
79
Noah Witherspoon

Facebookのようなものが必要な場合は、任意の投稿が好きで、これを使用します

-(void)animateButton:(UIButton *)sender{
UIButton * btn = (UIButton *)sender;
[UIView animateWithDuration:0.3/1.5 animations:^{
    btn.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1.4, 1.4); // scales up the view of button 
} completion:^(BOOL finished) {
    [UIView animateWithDuration:0.3/2 animations:^{
        btn.transform = CGAffineTransformScale(CGAffineTransformIdentity, 0.7, 0.7);// scales down the view of button
    } completion:^(BOOL finished) {
        [UIView animateWithDuration:0.3/2 animations:^{
            btn.transform = CGAffineTransformIdentity; // at the end sets the original identity of the button
        }];
    }];
}];}

ビューをアニメーション化するときにこのメソッドを呼び出すだけです

ボタンにテキストと画像があり、ボタンの画像をアニメーション化したい場合、「btn」を「btn.imageView」に置き換えるだけで、ボタンの画像ビュープロパティにアニメーションが生成されます。それがすべてのベストを助けることを願っています。

4
Kunal Gupta

そのためには、シンプルなUIViewを使用する必要があります

UIviewを現在のビューに追加します。

- (void) initPopUpView
 {
   popup.alpha = 0;
   popup.frame = CGRectMake (160, 240, 0, 0);
   [self.view addSubview:popup];
 }

- (void) animatePopUpShow 
 {
   [UIView beginAnimations:nil context:NULL];
   [UIView setAnimationDuration:0.3];
   [UIView setAnimationDelegate:self];
   [UIView setAnimationWillStartSelector:@selector(initPopUpView)];

   popup.alpha = 1;
   popup.frame = CGRectMake (20, 40, 300, 400);

   [UIView commitAnimations];
 }
0
Nil Rathod

Swift 2.0バージョン

    view.transform = CGAffineTransformMakeScale(0.01, 0.01);

    UIView.animateWithDuration(0.2, delay: 0, options: .CurveEaseOut, animations: { () -> Void in
        // animate it to the identity transform (100% scale)
        self.view.transform = CGAffineTransformIdentity;

        }) { (finished) -> Void in
        // if you want to do something once the animation finishes, put it here
    }
0
Manu Antony

ビューのフレームをアニメーション化して、ゼロから最終状態に縮小する必要があります。これは、たとえばUIViewブロックアニメーションで実行できます。

したがって、たとえば、最終的なサイズと位置を持つIBOutletプロパティself.myViewとしてビューから開始しますが、非表示フラグを設定します。次に、表示したいときに次を使用します。

// Save old frame as final stater and set it to zero size for the start of the animation
// But keep the same center position, so it just grows and don't move around 
CGRect oldFrame = self.myView.frame;
CGRect oldCenter = self.myView.center;

self.myView.frame = CGRectZero;
self.myView.center = oldCenter;

self.myView.hidden = NO;

NSTimeInterval duration = 0.3;

[UIView animateWithDuration:duration delay:0.0 options:UIViewAnimationOptionAllowUserInteraction animations:^{
                // New position and size after the animation should be the same as in Interface Builder
                self.myView.frame = oldFrame
    }
                     completion:^(BOOL finished){
                                                 // You can do some stuff here after the animation finished
                     }];
0
Thyraz