Recreating iOS 7 Calendar UIView Animation

Question

Everybody knows the brand-new awesome animation inside iOS 7 Calendar app. You can see them in this short video: http://vimeo.com/69247779

I would recreating something like that creating a "modal" rectangle that appear when the user taps on a UIButton. When the user taps on this button the app should move an UIView (actually inside an UITableViewCell) and move it within this rectangle, BUT the original UIView should stay in the same place. It needs to duplicate itself, something alike.

I've created a simple image explaining the concept.

How to implement something like this?

Preestablish

Answer 1

i might suggest you to create another UIView. Do not add it to the main view yet.

now on the view that you're currently working on,

[UIView transitionWithView: self.view duration: 0.5 options: UIViewAnimationOptionsCurveEaseOut animations:^{
[self.view addSubView:createdView]; } completion:nil];

Hope this works, if you haven't already implemented. I'm a beginner, excuse me if there's any mistake.

Matty

Answer 2

I assume we're looking for something similar :-) How to display datepicker like that in iOS 7 calendar UIDatePicker , apologies if its not. @bobnoble has pointed to exact solution. I'm trying to achieve it but I'm new to iOS so bit stuck. Found another link with sample code :-) iOS 7 - How to display a date picker in place in a table view?

Carbazole