Remove views with nice animations

In iOS is very simple to create effective animations on UI components.

For an app I'm currently working on, I would like to create an animation on a set of views, vertically aligned. When user taps on a button inside the view, the app should start an animation that translates and rotates te view offscreen, while fading it at the same time. At the same time, all the views below it, should react by translating up occupying the space left by the removed view.

This is the initial scenario:

To perform this effect, we need two different animations, one on the view to delete, and the other on the views below it.

This is the first one:

	- (IBAction)deleteTapped:(id)sender {
	[_delegate contentViewWillDelete:self];
	[UIView animateWithDuration:0.5 animations:^{
	self.alpha = 0.0f;
	CGAffineTransform rotate = CGAffineTransformRotate(self.transform, 1);
	CGAffineTransform translate = CGAffineTransformTranslate(self.transform, 300, -100);
	self.transform = CGAffineTransformConcat(rotate, translate);
	} completion:^(BOOL finished){
	[self removeFromSuperview];
	}];
	}

view raw gistfile1.m hosted with ❤ by GitHub

To translate all the views below the one that we want delete, we first need to find them:

	-(NSArray *)findAfterViewsAfter:(ContentView *)contentView{
	int viewIndex = contentView.tag;
	NSMutableArray *afterViews = [NSMutableArray array];
	BOOL isBefore = YES;
	for(int i=0; i < _views.count; i++){
	ContentView *currentView = [_views objectAtIndex:i];
	if(currentView.tag == viewIndex){
	isBefore = NO;
	continue;
	}
	if(!isBefore)
	[afterViews addObject:currentView];
	}
	return afterViews;
	}

view raw gistfile1.m hosted with ❤ by GitHub

 and then we can apply the translation to all of them:

	-(void)translateUp:(NSArray *)views{
	[UIView animateWithDuration:0.5 animations:^{
	for(ContentView *contentView in views){
	contentView.transform = CGAffineTransformTranslate(contentView.transform, 0, -contentView.frame.size.height -_initialOffset);
	}
	}];
	}

view raw gistfile1.m hosted with ❤ by GitHub

The complete sample project can be found here:
https://github.com/nalitzis/View-delete-animations