How to cancel UIView block-based animation?

IphoneIosAnimationIos4Uiimageview

Iphone Problem Overview


I've searched loads of SO stuff and in Apple's references, but still unable to manage my problem.

What I have:

  1. A screen with 2 UIImageViews and 2 UIButtons connected to them
  2. 2 kinds of animation:
    1. Scaling up and then down of each image, one after another, only once in viewDidLoad
    2. When a button pressed (a custom button hidden 'inside' of each UIImageView) it triggers animation of appropriate UIImageView–only one, not both–(also scale up, then down).
  3. As I am writing for iOS4+ I'm told to use block based animations!

What I need:

How do I cancel a running animation? I've managed to cancel after all but the last one... :/

Here is my code snippet:

[UIImageView animateWithDuration:2.0 
							   delay:0.1 
							 options:UIViewAnimationOptionAllowUserInteraction 
						  animations:^{
		isAnimating = YES;
		self.bigLetter.transform = CGAffineTransformScale(self.bigLetter.transform, 2.0, 2.0);
	} completion:^(BOOL finished){
		if(! finished) return;
		[UIImageView animateWithDuration:2.0 
								   delay:0.0 
								 options:UIViewAnimationOptionAllowUserInteraction 
							  animations:^{
			self.bigLetter.transform = CGAffineTransformScale(self.bigLetter.transform, 0.5, 0.5);
		} completion:^(BOOL finished){
			if(! finished) return;
			[UIImageView animateWithDuration:2.0 
									   delay:0.0 
									 options:UIViewAnimationOptionAllowUserInteraction 
								  animations:^{
				self.smallLetter.transform = CGAffineTransformScale(self.smallLetter.transform, 2.0, 2.0);
			} completion:^(BOOL finished){
				if(! finished) return;
				[UIImageView animateWithDuration:2.0 
										   delay:0.0 
										 options:UIViewAnimationOptionAllowUserInteraction 
									  animations:^{
					self.smallLetter.transform = CGAffineTransformScale(self.smallLetter.transform, 0.5, 0.5);
				}
									  completion:^(BOOL finished){
										  if (!finished) return;
										  //block letter buttons
										  [self.bigLetterButton setUserInteractionEnabled:YES];
										  [self.smallLetterButton setUserInteractionEnabled:YES];
										  //NSLog(@"vieDidLoad animations finished");
									  }];
			}];
		}];
	}];

Somehow the smallLetter UIImageView is not working properly, because when pressed (through button) bigLetter is canceling animations properly...

EDIT: I've used this solution, but still having problem with scaling down smallLetter UIImageView - not cancelling at all... solution

EDIT2: I've added this at the beginning of next/prev methods:

- (void)stopAnimation:(UIImageView*)source {
	[UIView animateWithDuration:0.01
						  delay:0.0 
						options:(UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionAllowUserInteraction)
					 animations:^ {
						 source.transform = CGAffineTransformIdentity;
					 }
					 completion:NULL
	 ];
}

problem stays... :/ no idea how to interrupt last animation for letters in animation chain

Iphone Solutions


Solution 1 - Iphone

You can stop all animations on a view by calling:

[view.layer removeAllAnimations];

(You'll need to import the QuartzCore framework to call methods on view.layer).

If you want to stop a specific animation, not all animations, your best best bet is to use CAAnimations explicitly rather than the UIView animation helper methods, then you will have more granular control and can stop animations explicitly by name.

The Apple Core Animation documentation can be found here:

https://developer.apple.com/library/content/documentation/Cocoa/Conceptual/CoreAnimation_guide/CreatingBasicAnimations/CreatingBasicAnimations.html

Solution 2 - Iphone

For iOS 10 use UIViewPropertyAnimator to animate. It provides methods to start, stop and pause UIView animations.

 let animator = UIViewPropertyAnimator(duration: 2.0, curve: .easeOut){
        self.view.alpha = 0.0
 }
 // Call this to start animation.
 animator.startAnimation()

 // Call this to stop animation.
 animator.stopAnimation(true)

Solution 3 - Iphone

I'd add to Nick's answer that to make removeAllAnimations smooth next idea be very handy.

[view.layer removeAllAnimations];
[UIView transitionWithView:self.redView
                  duration:1.0f options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
                      [view.layer displayIfNeeded];
                  } completion:nil];

Solution 4 - Iphone

You can try this (in Swift):

UIView.setAnimationsEnabled(false)
UIView.setAnimationsEnabled(true)

Note: you can put code between those two calls if necessary, for example:

UIView.setAnimationsEnabled(false)
aview.layer.removeAllAnimations() // remove layer based animations e.g. aview.layer.opacity
UIView.setAnimationsEnabled(true)

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionraistlinView Question on Stackoverflow
Solution 1 - IphoneNick LockwoodView Answer on Stackoverflow
Solution 2 - IphoneHari KunwarView Answer on Stackoverflow
Solution 3 - IphoneGaston MorixeView Answer on Stackoverflow
Solution 4 - IphoneiAmcRView Answer on Stackoverflow