When creating mocks using Xcode, we can add an extra degree of fidelity by simulating a loading event when we transition to a new screen.
In the life cycle of a ViewController, the viewWillAppear method is called after the viewDidLoad method, but right before the view actually "appears". The moment the ViewController actually "appears", the viewDidAppear method is called.
By default, the viewWillAppear and viewDidAppear methods are not explicitly added to the Swift ViewController file; Unless otherwise specified, they just get called in the background with no special instructions.
Unlike the viewDidLoad method, the viewWillAppear and viewDidAppear are called every time the ViewController is transitioned to. This makes the viewWillAppear a great place to setup the initial starting positions of animations and the viewDidAppear the perfect place to execute the animation.
We have created a delay method for you to use, download this Common.swift file and add it to your project.
Alternatively, you can copy and paste the delay function directly in your Swift ViewController file Add the Delay Method
It's super easy to take any ViewController you already have setup and incorporate simulated loading.
In the case that you have a ScrollView with an "Feed" ImageView, nest the Activity Indicator inside the ScrollView alongside the "Feed" ImageView. UIActivityIndicatorView, Nest the Child View
Make sure you select, Hides When Stopped in The Activity Indicator Attributes Inspector.
Just before the ViewController "appears", hide the "Feed" ImageView, and start animating the Activity Indicator.
// Right before the ViewController "appears"...
override func viewWillAppear(animated: Bool) {
// hide feed ImageView
feedImageView.hidden = true
// turn on the activity indicator
loadingIndicator.startAnimating()
}When the ViewController finally does "appear", delay for 2 seconds before stopping the Activity Indicator animation and showing the "Feed" ImageView.
// The moment the ViewController "appears"...
override func viewDidAppear(animated: Bool) {
// Delay for 2 seconds before...
delay(2) { () -> () in
// show the feed ImageView
self.feedImageView.hidden = false
// Stop the activity indicator
self.loadingIndicator.stopAnimating()
}
}NOTE the variables within the delay closure require, self., but don't worry, if you forget Xcode will let you know and offer to fix the issue :)
