MonoTouch flip-flop with UIView animation

Thanks to Beginning iPhone Development's Objective-C examples the Monospace app now does a flip-flop between two views (the map and a new list of map locations to 'pan to'). The source code is available for download (you'll also notice the UI has been made "black"... I just like the way it looks).

Monospace22.zip (188Kb)




The view is driven by the MapFlipViewController (which is what we add to the TabViewController). It is responsible for creating/displaying the two 'flippable' views using UIView animation features.

The two views - MapViewController & MapLocationViewController - have a constructor which accepts a reference to the 'flipper' so they can call back to it's Flip() method, which looks something like this...

UIView.BeginAnimations("Flipper");
UIView.SetAnimationDuration(1.25);
UIView.SetAnimationCurve(UIViewAnimationCurve.EaseInOut);
if (mapView.View.Superview == null)
{
   Console.WriteLine("to map");
   UIView.SetAnimationTransition 
        (UIViewAnimationTransition.FlipFromRight, this.View, true);
   locationView.ViewWillAppear(true);
   mapView.ViewWillDisappear(true);
 
   locationView.View.RemoveFromSuperview();
   this.View.AddSubview(mapView.View);

   mapView.ViewDidDisappear(true);
   locationView.ViewDidAppear(true);
}
else
{
   Console.WriteLine("to list");
   UIView.SetAnimationTransition 
         (UIViewAnimationTransition.FlipFromLeft, this.View, true);
   mapView.ViewWillAppear(true);
   locationView.ViewWillDisappear(true);
 
   mapView.View.RemoveFromSuperview();
   this.View.AddSubview(locationView.View);
 
   locationView.ViewDidDisappear(true);
   mapView.ViewDidAppear(true);
}
UIView.CommitAnimations();

There is other code to actually set the map to a specific location - but that's actually pretty simple :)

mapView.SetLocation(toLocation);