iOS Swift：在同一个View Controller上进行过渡动画

Question

How can I get a Transition Animation effect(like a page slide) on a single View Controller - so that it looks like i am transitioning to a new page/controller (although only data is changing in the same view)?

For example: I have a UIViewController that has Previous and Next buttons. On clicking Next these buttons, a different Title and Image is displayed on the ' same ' UIViewController .

I know this can be done with UIPageViewController - but I am new to iOS, and find it rather difficult to implement that way.

Answer 1

I have the same case on this. But because we don't expect a complicated slide animation so I wouldn't implement the UIPageViewController. Instead, I came up with the below solution:

• The idea is creating a snapshot view and start the animation on it, also update the view with new data at the moment user start to swipe. By doing it, we can make it feel like we are transiting to another view.

• Sample code below was written in Xamarin.iOS but I believe it can be transfered to Swift/Obj-C easily:

    UIView snapShotView = View.SnapshotView(false); // Create snapshot for the view (I assumed that View is the container) View.Add(snapShotView); snapShotView.Frame = View.Frame; //Add snapshot and set its frame so the snapshot will be overlapped the original View CGRect snapshotEndFrame = snapShotView.Frame; snapshotEndFrame.X = -snapShotView.Frame.Width; UIView.Animate(0.7, 0, UIViewAnimationOptions.CurveEaseInOut, () => { //Load new data to your View ... //Animate the snapshot view snapShotView.Frame = snapshotEndFrame; }, () => { //Remove Snap Shot View after doing animation to prevent memory leak snapShotView.RemoveFromSuperview(); snapShotView.Dispose(); });