If your animation has content on the first frame, then you need to spend a bit of time in Xcode to make the launch sequence look smooth.
In this tutorial, we’ll export an animation with content on the first frame – it will also have a blue background.
Grab this animation to begin:
First thing to do is generate a launch animation from Flow using the file you just downloaded.
Export the animation using the
iOS - Launch Animationoption.
Here’s what your initial project will look when you run it:
Let’s start by changing the background color for the animation view.
Artboard View Controller Scene
Great, now your launch animation will look like this:
Next, let’s prepare our launch screen to match our animation.
View Controller Scene
Our next task is to create the asset that will match up with the first frame of our animation. This is quite easy to do.
⇧⌘Fto export the current frame
@3xrespectively, to the file name.
The file names we used were:
This creates an asset that has 3 resolutions, it will look good on all retina devices.
Next, we’re going to add an image view to the launch screen.
Librarybutton at the top-right of the window
320 x 68
There will now be a smooth transition fom the launch screen to the first frame of your animation.
You might not actually see the proper launch sequence in the iOS Simulator. We suspect it’s because of the time it takes to start up the simulator.
It’s best to check this launch sequnce directly on an iPhone. And, even better by compiling it from Xcode, quitting the app, and restarting via the app icon on the device.
Explore More Tutorials?
result(s) found for “”.