94

Go Launcher have a nice first-time tutorial. it is very similar to Stock ICS first time run. I want to learn how to make the similar tutorial display at the first launch of my app. How can I implement this Transparent view (which interacts with screen objects) in my android app?

First Image Second Image

Red Magda
  • 398
  • 4
  • 17
moallemi
  • 2,448
  • 2
  • 25
  • 28

4 Answers4

70

I was trying to do something similar using a transparent activity with a viewpager inside it. I wanted static 'tutorial' images that users could swipe through.

One of the answers to my question mentioned an interesting library (called ShowcaseView). It seems like it may be a good fit for your requirements as well.

https://github.com/Espiandev/ShowcaseView

Community
  • 1
  • 1
Gautam
  • 4,006
  • 3
  • 32
  • 37
6

You can either use a FrameLayout or RelativeLayout as root of your Activity/Fragment, and put your "first time" View upon content with a (almost) transparent background, or use another Activity/Fragment themed with a transluscent window. (like this)

I'd rather use an Activity/Fragment, but this is up to you!

Community
  • 1
  • 1
Leaudro
  • 1,021
  • 8
  • 7
4

I wrote little library That contains a simple component for making ​​a app tour. It`s very restricted to my case but maybe could be your case . Single LessonCardView Showed onstartactivity for the first time or on button click Any criticism ,help or advice will be appreciated. thanks https://github.com/dnocode/DnoLib

dnocode
  • 1,928
  • 1
  • 18
  • 21
2

You can implement a first-time user guide with the Spotlight library by TakuSemba.

It is similar to the one shared above and it is still well-maintained (as of 2021).

https://github.com/TakuSemba/Spotlight

Dmitrii Leonov
  • 1,331
  • 1
  • 15
  • 25