Creating an intro screen for your app using ViewPager and PageTransformer — Part 1

Part one in a two-part series.

Creating apps is not just about writing code. It’s also about creating something that users want to use and are comfortable using. Everyone should feel at home immediately upon launching the app.

Today, we’re talking intro screens.

The images above are taken from the official Google Drive app and show how their intro screen is interactive, easy to use and entertaining.

Here’s a video of it in action:

The background color fades as you swipe between pages and objects on the screen move in layers at different speeds. This is commonly referred to as parallax scrolling.

Question is: How did they do that?

The simple approach

Most Android developers know about the ViewPager and its ability to swipe between Fragments without much of a hassle when it comes to setting it up.