How to develop a walk through dialog that appears on the first launch?

Question

I would like to develop a Dialog which is composed of 3 steps to guide the user when he launches the app for the first time.

The following image is an example of what I would like to achieve:

1- I would like to know how to add a mark to close the dialog at the top-right corner?

2- How can I implement the small circles at the bottom of the screen that indicates the current step? Can they be created programmatically?

3-Only to be sure, I decided to navigate between the Dialog steps using a ViewFlipper. Is this the right approach?

Thanks in advance.

Answer 1

I would like to know how to add a mark to close the dialog at the upper right corner?

Don't do that. That looks like it was a straight port from an iphone app. Use the native android dialog containers/buttons.

How can I implement the small dots at the bottom of the screen that indicates the current step?

What have you tried? There's a million ways of doing this depending on the rest of the workflow.

Only to be sure, I decided to navigate between the dialog steps using a ViewFlipper. Is this the right approach?

Maybe. It depends what you're displaying. If you're only displaying a single image or something simple, then that might be the best approach. I would create different dialog fragments ( you are using fragments, right?) for the different steps. That way you can automatically push them to the back stack as you move through the workflow.