paper onboarding android

INCORPORACIÓN DE PAPEL

Biblioteca de Android Paper Onboarding es un control deslizante de interfaz de usuario de diseño de materiales escrito en Java

---

Nos especializamos en el diseño y codificación de UI personalizadas para aplicaciones móviles y sitios web.

Estén atentos a las últimas actualizaciones:

Requisitos

​

• Android 4.0.3 IceCreamSandwich (API nivel 15) o superior
• Tu IDE favorito

Instalación

Simplemente descargue el paquete desde aquí y agréguelo a la ruta de clase de su proyecto, o simplemente use el repositorio de maven: Gradle:

 ' com.ramotion.paperonboarding:paper-onboarding:1.1.3 '

SBT:

libraryDependencies += " com.ramotion.paperonboarding " % " paper-onboarding " % " 1.1.3 "

experto:

< dependency >
    < groupId >com.ramotion.paperonboarding</ groupId >
    < artifactId >paper-onboarding</ artifactId >
    < version >1.1.3</ version >
    < type >aar</ type >
</ dependency >

Uso básico

Paper Onboarding es un control deslizante de incorporación simple y fácil de usar para su aplicación. Sólo necesita proporcionar contenido para cada página del control deslizante: un ícono principal, texto y un pequeño ícono redondo para la parte inferior.

1 Utilice PaperOnboardingPage para preparar sus datos para el control deslizante:

 PaperOnboardingPage scr1 = new PaperOnboardingPage ( "Hotels" ,
	"All hotels and hostels are sorted by hospitality rating" ,
        Color . parseColor ( "#678FB4" ), R . drawable . hotels , R . drawable . key );
PaperOnboardingPage scr2 = new PaperOnboardingPage ( "Banks" ,
	"We carefully verify all banks before add them into the app" ,
        Color . parseColor ( "#65B0B4" ), R . drawable . banks , R . drawable . wallet );
PaperOnboardingPage scr3 = new PaperOnboardingPage ( "Stores" ,
	"All local stores are categorized for your convenience" ,
        Color . parseColor ( "#9B90BC" ), R . drawable . stores , R . drawable . shopping_cart );

ArrayList < PaperOnboardingPage > elements = new ArrayList <>();
elements . add ( scr1 );
elements . add ( scr2 );
elements . add ( scr3 );

2 Cree un fragmento de PaperOnboardingFragment y proporcione sus datos.

 PaperOnboardingFragment onBoardingFragment = PaperOnboardingFragment . newInstance ( elements );

3 ¡Listo! Ahora puedes usar este fragmento como quieras en tu actividad, por ejemplo:

 FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
fragmentTransaction . add ( R . id . fragment_container , onBoardingFragment );
fragmentTransaction . commit ();

4 paso adicional: puede agregar detectores de eventos a fragmentos con su lógica, como reemplazar este fragmento por otro cuando el usuario pasa a siguiente desde la última pantalla:

 onBoardingFragment . setOnRightOutListener ( new PaperOnboardingOnRightOutListener () {
    @ Override
    public void onRightOut () {
        FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
        Fragment bf = new BlankFragment ();
        fragmentTransaction . replace ( R . id . fragment_container , bf );
        fragmentTransaction . commit ();
    }
});

Actualmente, hay tres oyentes que cubren todos los eventos: onRightOut, onLeftOut y onChange; vea ejemplos de código y uso en el repositorio.

? Consulte esta biblioteca en otro idioma:

? Licencia

Paper Onboarding Android se lanza bajo la licencia MIT. Consulte LICENCIA para obtener más detalles.

Esta biblioteca es parte de una selección de nuestros mejores proyectos de interfaz de usuario de código abierto.

Si utiliza la biblioteca de código abierto en su proyecto, asegúrese de acreditar y vincular a www.ramotion.com

Obtén la aplicación Showroom para Android y pruébala

Pruebe este componente de interfaz de usuario y más como este en nuestra aplicación de Android. Contáctenos si está interesado.