web-dev-qa-db-ja.com

iOSUIViewアニメーション曲線

以下のような「短くて簡単な」方法で物事を行う方法はありますか?曲線はまだEaseOutを使用しているように見えます。

[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
[UIView animateWithDuration:0.5 animations:^{
    // ... do stuff here
}];
16
Jacksonkr

2種類のUIViewアニメーションを混合しています。次のいずれかのようなものを使用する必要があります。

[UIView animateWithDuration:0.5
                      delay:0.0
                    options:UIViewAnimationOptionCurveEaseIn
                 animations:^{
                    // ... do stuff here
               } completion:NULL];

これは、新しいブロックベースのUIView-animationAPIに由来します。一方、最初の行は、次のような古いUIViewアニメーションAPIの一部です。

[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:0.5];
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
// ... do stuff here
[UIView commitAnimations];

それらは同じことを行い、どちらも使用できます(ただし、アニメーションの終了後にコールバックを実行する方が簡単でクリーンなため、AppleはブロックベースのAPIを推奨します)。

31

Core Animation、CAKeyFrameAnimationを使用して、カーブポイントを定義できます。このチュートリアルを参照してください: http://nachbaur.com/blog/core-animation-part-4

2
Steve

曲線点p1、p2、p3、p4、p5を取り、隣接する点の各ペアの中点を見つけましょう。 m1をp1とp2の中点としてラベル付けします。同様に、m2、m3、m4についても同様です。

  • P2を制御点として点m2に四角形の曲線を追加します。
  • P3を制御点として点m3に四角形の曲線を追加します。
  • P4を制御点として点m4に四角形の曲線を追加します。

コード:

CGFloat screenHeight = self.view.frame.size.height;
CGFloat screenWidth = self.view.frame.size.width;

UIView *aniView = [[UIView alloc] initWithFrame:CGRectMake(50, screenHeight, 50, 50)];
[aniView setBackgroundColor:[UIColor redColor]];
aniView.layer.cornerRadius = 25.0;
[self.view addSubview:aniView];


UIBezierPath *movePath = [UIBezierPath bezierPath];
[movePath moveToPoint:aniView.center];
[movePath addQuadCurveToPoint:CGPointMake(screenWidth-50,screenHeight-50)
                 controlPoint:CGPointMake(screenWidth/2,screenHeight-150)];
CAKeyframeAnimation *moveAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"];
moveAnim.path = movePath.CGPath;
moveAnim.removedOnCompletion = YES;
CAAnimationGroup *animGroup = [CAAnimationGroup animation];
animGroup.animations = [NSArray arrayWithObjects:moveAnim,  nil];
animGroup.duration = 2.0;

[CATransaction begin]; {
    [CATransaction setCompletionBlock:^{
        [aniView.layer removeAllAnimations];
        [aniView removeFromSuperview];
    }];

    [aniView.layer addAnimation:animGroup forKey:nil];

} [CATransaction commit];

上記のコードを過ぎていくつかのメソッドにコピーし、メソッドを呼び出してみてください...

0