How to implement first launch tutorial like Android Lollipop apps: Like Sheets, Slides app? –

Development issue/problem:

I have the final version of Android 5.0 on my Nexus 5. It struck me that it has a very nice, clean and elegant way of showing the tutorial at the first launch. Fittings such as sheets, slides, etc.

How can we integrate it into our Android L-compatible applications?

In addition, the application disappears from the first start screen and the tutorial is displayed.

How can I solve this problem?

Solution 1:

There is a pretty good library to mimic these early lessons:

Click on the image to enlarge it

Solution 2:

First of all: There is no mystery. The quality of the illustrations is the key to a beautiful result. So if you’re not a designer yourself, you have to find a good designer.

Based on this, I see different ways of approaching the issue.

  1. First, there is a very subtle parallax effect in the illustrations. You can achieve this by using the essence of this ParallaxTransformPage. I use it and it works pretty well.
  2. You will also find a library that allows you to smoothly change the background colour of the screen when you change pages.
  3. To blur the screen saver, you can do something like that:

final ImageView launcScreen = (ImageView) context.findViewById(;
new Handler().postDelayed(new Runnable()
public void run()
Animation = AnimationUtils.loadAnimation(context, android.R.anim.fade_out);
animation.setAnimationListener(new Animation.AnimationListener()

@Override void onAnimationEnd(Animation){launchScreen.setVisibility(View.GONE);});launchScreen.startAnimation(animation);});launchScreen.startAnimation(animation).}, 2000) ;

  1. Follow the link to learn how to use ViewPagerIndicator and how to run the tutorial only the first time you launch the application.

Solution 3:

This git should help you get what you want:

As you said, this Android library has introductory material similar to Google Sheets.

In addition, this library takes a set of background colors for each page, and when you go from one page to another, the two colors are merged.

Here are some other introductions that may help you:


Solution 4:

I found this bookcase here:

Indicator Library

It will make a Lollipop ViewPager with these circles. Just format the layout to your liking and everything will be fine. There’s no animation, but I think it’s a start.

Solution No 5:

You can use ViewPagerIndicator here: You will need to define the SharedPreferences to display this ViewPager only once. You can pee:

public class MainActivity expands activity {
public static end string MyPrefs = MyPrefs ;

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState) ;
setContentView(R.layout.activity_main) ;

SharedPreferences sp = getSharedPreferences(MyPrefs, Context.MODE_PRIVATE);if (!sp.getBoolean(first, false)) {SharedPreferences.Editor editor = sp.edit();editor.putBoolean(first, where);editor.commit();Intent = new Intent(this, SampleCirclesDefault.class); //Call ViewPager classstartActivity(intent);}}}.

Solution No 6:

You can use one of Roman Nurik’s solutions:

Solution No 7:

If you don’t want to use the library, that’s easy. I used the library, but I started setting up my own version. Simply use the tab view and pager view. Then format all these pages in your textbook as excerpts. These snippets can have any button, at any position, and a different style because you implement each snippet yourself. And it’s not complicated. In the end, all you have to do is use the general settings to see if this is the first time you get a pass. If that’s the case, an activity that has all the pieces. It doesn’t indicate anything else.

Good luck!

Related Tags:

android first time app launch,first time showcase android,app walkthrough android,app tutorial screen,onboardingfragment android example,how to display only one time login and then after start application directly in android,app tour android example,instruction screen in android