intro - ¿Cómo implementar el primer tutorial de lanzamiento, como las aplicaciones de Android Lollipop: Like Sheets, Slides app?

intro slider android

Question

Tengo la versión final de Android 5.0 flasheada en mi Nexus 5. Noté que tiene una forma muy bonita, limpia y elegante de mostrar el tutorial en el primer lanzamiento. Aplicaciones como "Hojas", "Diapositivas", etc.

¿Cómo podemos implementar eso en nuestras aplicaciones compatibles con Android L?

Además, la aplicación desaparece de la primera pantalla de inicio y luego muestra el tutorial.

Answer 1

Encontré esta biblioteca aquí:

Biblioteca CircleIndicator

Crea una ViewPager similar a Lollipop con esos círculos. Simplemente formatee el diseño para que sea adecuado para su aplicación y, entonces, debería estar bien. No contiene una animación, pero creo que es un comienzo.

Answer 2

Este git debería ayudarte a implementar lo que quieras: https://github.com/spongebobrf/MaterialIntroTutorial ,

Esta biblioteca de Android muestra un tutorial introductorio material similar a los que aparecen en Hojas de cálculo de Google, como usted menciona.

Además, esta biblioteca toma el color de fondo establecido para cada página y al desplazarse entre las dos páginas, los dos colores se fundirán el uno con el otro

Aquí hay algunos git de introducción más que pueden ayudarte:

1. https://github.com/HeinrichReimer/material-intro
2. https://github.com/PaoloRotolo/AppIntro

Answer 3

Hay una biblioteca bastante buena para emular estos tutoriales de primera ejecución: https://github.com/PaoloRotolo/AppIntro

Haga clic para ampliar la imagen

Answer 4

Primero que nada, no hay secreto. La calidad de las ilustraciones es la clave para obtener este bonito resultado. Entonces, a menos que usted sea un diseñador, tendrá que encontrar un buen diseñador para ellos.

Aparte de eso, puedo ver varias maneras de acercarte a esto.

1. Primero, hay un efecto de paralaje muy sutil en las ilustraciones. Puede lograrlo utilizando esta esencia de ParallaxTransformPage . Lo uso y funciona bastante bien.

2. Además, aquí hay una lib que le permite cambiar sin problemas el color de fondo de la pantalla al cambiar de página.

3. Para la animación de fundido de pantalla saliente, puede hacer algo como esto:

   final ImageView launchScreen = (ImageView) context.findViewById(R.id.launch_screen_view);
   new Handler().postDelayed(new Runnable()
   {
       @Override
       public void run()
       {
           Animation animation = AnimationUtils.loadAnimation(context, android.R.anim.fade_out);
           animation.setAnimationListener(new Animation.AnimationListener()
           {
               // ...
   
               @Override
               public void onAnimationEnd(Animation animation)
               {
                   launchScreen.setVisibility(View.GONE);
               }
           });
           launchScreen.startAnimation(animation);
       }
   }, 2000);

4. Siga la respuesta de linkas para el uso de ViewPagerIndicator y cómo iniciar el tutorial solo la primera vez que el usuario inicia la aplicación.

Answer 5

Puede usar ViewPagerIndicator aquí: http://viewpagerindicator.com/#download . Luego, debe definir SharedPreferences, para mostrar que ViewPager solo una vez. Puedes escribir:

public class MainActivity extends Activity {
    public static final String MyPrefs = "MyPrefs";
    ...

    @Override
    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", true);
            editor.commit();
            Intent intent = new Intent(this, SampleCirclesDefault.class); //call your ViewPager class
            startActivity(intent);
        }
    }
}

Answer 6

Si no quieres usar una biblioteca, es bastante simple. Solía ​​usar una biblioteca antes, pero comencé a implementar una versión personalizada. Todo lo que tiene que hacer es usar una vista con pestañas y ver el buscapersonas. Luego diseña todas estas páginas en el tutorial como fragmentos. Estos fragmentos pueden tener cualquier botón, en cualquier posición y estilo diferente que desee porque está implementando cada fragmento usted mismo. Y no es dificil Al final, solo use preferencias compartidas, para verificar si es la primera ejecución. Si es así como la actividad que tiene todos los fragmentos. De lo contrario, no muestres esa actividad.

Answer 7

Tal vez le gustaría usar una de las soluciones de Roman Nurik: https://github.com/romannurik/Android-WizardPager