¿Cómo desarrollar una caminata a través del diálogo que aparece en el primer lanzamiento?

Question

Me gustaría desarrollar un cuadro de diálogo que se compone de 3 pasos para guiar al usuario cuando inicia la aplicación por primera vez.

La imagen siguiente es un ejemplo de lo que me gustaría lograr:

1- Me gustaría saber cómo añadir una marca para cerrar el diálogo en la esquina superior derecha?

2- ¿Cómo puedo implementar los pequeños círculos en la parte inferior de la pantalla que indican el paso actual? ¿Pueden ser creados programáticamente?

3-Solo para estar seguro, decidí navegar entre los pasos de Diálogo usando ViewFlipper. ¿Es este el enfoque correcto?

Gracias de antemano.

Answer 1

Me gustaría saber cómo agregar una marca para cerrar el cuadro de diálogo en el esquina superior derecha?

No hagas eso. Parece que fue un puerto directo de una aplicación de iPhone. Utilice los botones/contenedores de diálogo nativos de Android.

¿Cómo puedo poner en práctica los puntos pequeños en la parte inferior de la pantalla que indica el paso actual?

¿Qué has probado? Hay un millón de formas de hacerlo dependiendo del resto del flujo de trabajo.

Solo para estar seguro, decidí navegar entre los pasos del diálogo usando un ViewFlipper. ¿Es este el enfoque correcto?

Quizás. Depende de lo que estás mostrando. Si solo muestra una imagen única o algo simple, ese podría ser el mejor enfoque. Crearía diferentes fragmentos de diálogo (está utilizando fragmentos, ¿no?) Para los diferentes pasos. De esta forma, puede empujarlos automáticamente a la pila posterior a medida que avanza en el flujo de trabajo.

Answer 2

una de las maneras de implementar los "pequeños puntos en la parte inferior" es:

• incluyen los puntos en cada imagen que se está creando.
• dibuje uno de los puntos resaltados en cada imagen
• hojee las imágenes en orden de los puntos resaltados. (o resalte los puntos en el orden en que desea mostrar sus imágenes)

pero esto haría que sus puntos desaparezcan durante el volteo de las imágenes.

si se quiere evitar que:

• crear dos vistas de imágenes diferentes, uno actúa como un contenedor para la imagen principal, el otro como un contenedor para los puntos, coloque la primera imagen vista por encima de la otra .
• un nº de imágenes que contienen sólo un nº de puntos, cada uno con uno de los puntos create destacó
• flip tanto a través de los imageViews en sincronización
• utilizar un "dicha animación" en la vista de imagen superior
• uso sin animación, o una animación mínima para los puntos.

Esto producirá el efecto deseado. Espero que esto ayude :-)