iOSでスケーリングしてから回転するようなUIViewトランスフォームシーケンスをアニメーション化する方法は？

Question

最初にサイズを変更し、元のサイズで回転させる代わりにそのサイズを回転させるUIViewアニメーションを作成する方法はありますか？

私は、UIViewアニメーションの完成時にUIView animateKeyframesなどを使用して、UIViewアニメーションをラップするような方法を試してきました。

しかし、私は完璧なようなアニメーションを構築することはできません、ヒントやキーワードを検索してください、ありがとう！

Answer 1

UIButtonのスケーリングまたは振動を達成することを望んでいる場合、このコードはUIViewアニメーションシーケンスを繰り返し、自動逆戻りさせるように案内します。

btn.frame = frame1; 
[UIView animateKeyframesWithDuration:2.0 delay:0.0 options:UIViewKeyframeAnimationOptionAutoreverse | UIViewKeyframeAnimationOptionRepeat animations:^{ 
    [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.5 animations:^{ 
     // Your changes to the UI, eg. scale UIButton up 300 points 
     btn.frame = frame2; 
    }]; 
    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.5 animations:^{ 
     // Your changes to the UI, eg. rotate or shake UIButton 
    }]; 
} completion:nil]; 

Answer 2

これはあなたの条件に応じて動作します（どのサイズに第1のスケールと、代わりに元のサイズに回転するの大きさを回転のUIViewのアニメーションを作るには？）

@IBOutlet var scaleRotateImage: UIImageView! 
func scaleNTransform() -> Void { 

    scaleRotateImage.layer.cornerRadius = scaleRotateImage.frame.size.height/2.0 
    scaleRotateImage.clipsToBounds = true 

    let scaleTransform = CGAffineTransform(scaleX: 3.0, y: 3.0) // Scale 
    let rotateTransform = CGAffineTransform(rotationAngle: CGFloat.pi) // Rotation 
    let hybridTransform = scaleTransform.concatenating(rotateTransform) // Both Scale + Rotation 

    // Outer block of animation 
    UIView.animate(withDuration: 5.0, animations: { 
     self.scaleRotateImage.transform = scaleTransform 
     self.view.layoutIfNeeded() 
    }) { (isCompleted) in 

     // Nested block of animation 
     UIView.animate(withDuration: 5.0, animations: { 
      self.scaleRotateImage.transform = hybridTransform 
      self.view.layoutIfNeeded() 
     }) 

    } 


} 

結果

Answer 3

あなたはすることができます、

-(void)viewDidAppear:(BOOL)animated{ 

[super viewDidAppear:animated]; 

CGAffineTransform leftTransform = CGAffineTransformRotate(CGAffineTransformIdentity, RADIANS(-10.0)); 
CGAffineTransform rightTransform = CGAffineTransformRotate(CGAffineTransformIdentity, RADIANS(10.0)); 

_myView.transform = leftTransform; //Here `_myView` is the your view on which you want animations! 

[UIView beginAnimations:@"youCanSetAnimationIdHere" context:(__bridge void * _Nullable)(_myView)]; 
[UIView setAnimationRepeatAutoreverses:YES]; 
[UIView setAnimationRepeatCount:5]; 
[UIView setAnimationDuration:0.25]; 
[UIView setAnimationDelegate:self]; 
[UIView setAnimationDidStopSelector:@selector(animationCompletedWithAnimationId:isCompleted:view:)]; 

_myView.transform = rightTransform; 

[UIView commitAnimations]; 

} 

、

があなたのviewDidAppearにラジアンその後、

#define RADIANS(degrees) (((degrees) * M_PI)/180.0) 

に度を変換するラジアンを定義し、ような何かをし、あなたのanimationCompletedWithAnimationId方法は次のようにする必要があります

- (void) animationCompletedWithAnimationId:(NSString *)animationID isCompleted:(NSNumber *)isCompleted view:(UIView *)view 
{ 
if ([isCompleted boolValue]) { 
    UIView *myView = view; 
    myView.transform = CGAffineTransformIdentity; 

} 
} 

そして、結果は

です

要件に応じて繰り返し数とラジアンを変更できます。