Android swipe: Initial tutorial in an app

Question

I'm trying to do an initial tutorial in my app like in this image:

the init tutorial that I'm trying to do

Do you know the name of this feature? In order to find a tutorial for it.

You can accomplish this using a ViewPager, and the bottom part can be done with a library such as http://viewpagerindicator.com/ — WoogieNoogie, May 09 '15 at 20:17

score 2 · Accepted Answer · answered May 09 '15 at 20:45

2

You need two things

ViewPager
Custom ViewPager indicator - draw circles in canvas

You will be updating the indicator like this

mPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
  @Override
  public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

  }

  @Override
  public void onPageSelected(int position) {
     // Update your custom view
  }

  @Override
  public void onPageScrollStateChanged(int state) {

  }
});

answered May 09 '15 at 20:45

Bojan Kseneman

15,488
2
54
59

Thanks, that's what I was looking for, ViewPager. I do not know how to use canvas yet. I do this tutorial for viewPager indicator http://stackoverflow.com/questions/20586619/android-viewpager-with-bottom-dots – hlastras May 10 '15 at 15:20

CROSP · Answer 2 · 2015-05-09T20:32:41.863

1

This can be implemented by using custom ViewPager or ViewPager Adapter you have to check if item is last available and bring user to the main application. Or you can use library. This library Android WizardPager by romannurik pretended to be what are you looking for.

If you are looking for only ViewPagerIndicator there is another great library Android ViewPagerIndicator. There are a lot of examples provided there.

You can some examples of using indicators in sample application available for downloading in Maven Repository ViewPagerIndicator Maven Repo

edited May 09 '15 at 20:32

answered May 09 '15 at 20:27

CROSP

4,499
4
38
89

Thanks for the help, the viewpager is what I was looking for – hlastras May 10 '15 at 15:22

Android swipe: Initial tutorial in an app

2 Answers2