Crea una pantalla de presentación de tu aplicación Android con Material Intro Screen

Sin dudas, crear una pantalla de presentación para Android ahora es más fácil que nunca con material-intro-screen, una biblioteca gratuita y con una muy sencilla instalación para generar presentaciones basada en slides.

Para empezar, este proyecto me resulta atractivo por varias razones:

  • En primer lugar, ayuda a nuestros usuarios a conocer las principales características de nuestra aplicación.
  • Luego, produce una interface muy conocida para la mayoría de los usuarios de aplicaciones móviles, fácil de entender y de interactuar.
  • Por último, Es excelente para comunicar algo de forma rápida y concisa.

Desde el punto de vista técnico también es muy eficiente. Asimismo, su estructura está basada en fragmentos, soportados y contenidos en una activity completamente independiente a la principal de nuestro proyecto. Aspecto que nos permite implementar esta biblioteca a cualquier aplicación más allá de su estructura original.

De la misma manera emplea los efectos de Material Design, algo que le da un aspecto moderno y amigable a nuestra aplicación.

Ejemplo de pantalla de presentación para Android

Screenshot Presentación para Android
La instalación es sencilla, de verdad y se realiza de la manera siguiente.

Instalando una bienvenida a nuestra aplicación:

1. Si empleamos Gradle basta con agregar una linea, recuerden que la versión minima y compatible de SDK de esta biblioteca es la 15. En verdad, se trata de una versión más que aceptable si vemos el gráfico de actualización de usuarios que presenta Google.

defaultConfig {
 minSdkVersion 15
}

dependencies {
 compile 'agency.tango.android:material-intro-screen:{latest_release}'
}

2. Creamos nuestra activity, una extensión de MaterialIntroActivity de la manera siguiente:

public class IntroActivity extends MaterialIntroActivity

3. A continuación, declaramos en el manifiesto nuestra actividad con su respectivo Theme. Algo que es muy destacable porque no interfiere al ser independiente del theme que empleemos en nuestro proyecto.

<activity
  android:name=".IntroActivity"
  android:theme="@style/Theme.Intro" />

4. Asimismo, agregamos los slides. Cada uno con sus respectivos permisos y funcionalidades perfectamente detallados en la documentación de este magnifico proyecto. por ejemplo:

@Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        addSlide(new SlideFragmentBuilder()
                .backgroundColor(R.color.colorPrimary)
                .buttonsColor(R.color.colorAccent)
                .possiblePermissions(new String[]{Manifest.permission.CALL_PHONE, Manifest.permission.READ_SMS})
                .neededPermissions(new String[]{Manifest.permission.CAMERA, Manifest.permission.ACCESS_FINE_LOCATION, Manifest.permission.ACCESS_COARSE_LOCATION})
                .image(agency.tango.materialintroscreen.R.drawable.ic_next)
                .title("title 3")
                .description("Description 3")
                .build(),
                new MessageButtonBehaviour(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(IntroActivity.this, "We provide solutions to make you love your work", Toast.LENGTH_SHORT).show();
                    }
                }, "Work with love"));
}

5. Personalizamos la activity correspondiente a la intro, en este paso podemos definir si nuestra aplicación puede tener botón para saltar, si oculta todos los botones o si queremos un comportamiento en particular para el ultimo slide.

@Override
    public void onFinish() {
        super.onFinish();
        Toast.makeText(this, "Try this library in your project! :)", Toast.LENGTH_SHORT).show();
    }

Generalmente, eso es todo.

Conclusión

Entonces, si están buscando crear una presentación al inicio de nuestra aplicación, este proyecto, es ciertamente un candidato firme para hacerlo.

Asimismo, les recomiendo leer la documentación, en resumen podrán conocer cada una de las funcionalidades disponibles.

Por último, las animaciones son del tipo Parallax. Para concluir, existe todo un apartado dentro de la documentación que detalla cómo configurarlas. Hay que añadir que es sin dudas una forma excelente de animar y hacer más amigable nuestra presentación para Android.

Web: Material intro screen

Categorizado en: