paper onboarding android Télécharger - paper onboarding android Code source télécharger

paper onboarding android

Code source JAVA

1.0.0

Télécharger

INTÉGRATION PAPIER

Bibliothèque Android Paper Onboarding est un curseur d'interface utilisateur de conception matérielle écrit en Java

Nous sommes spécialisés dans la conception et le codage d’interfaces utilisateur personnalisées pour applications mobiles et sites Web.

Restez à l'écoute des dernières mises à jour :

Exigences

Android 4.0.3 IceCreamSandwich (API niveau 15) ou supérieur
Votre IDE préféré

Installation

Téléchargez simplement le package à partir d'ici et ajoutez-le au chemin de classe de votre projet, ou utilisez simplement le dépôt maven : Gradle :

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

SBT :

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

Maven :

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

Utilisation de base

Paper Onboarding est un curseur d'intégration simple et facile à utiliser pour votre application. Il vous suffit de fournir du contenu pour chaque page de curseur : une icône principale, du texte et une petite icône ronde pour le bas.

1 Utilisez PaperOnboardingPage pour préparer vos données pour le curseur :

 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 Créez un fragment à partir de PaperOnboardingFragment et fournissez vos données.

 PaperOnboardingFragment onBoardingFragment = PaperOnboardingFragment . newInstance ( elements );

3 Terminé ! Vous pouvez désormais utiliser ce fragment comme vous le souhaitez dans votre activité, par exemple :

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

4 Étape supplémentaire : Vous pouvez ajouter des écouteurs d'événements aux fragments avec votre logique, comme remplacer ce fragment par un autre lorsque l'utilisateur glisse ensuite depuis le dernier écran :

 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 ();
    }
});

Actuellement, il existe trois écouteurs qui couvrent tous les événements : onRightOut, onLeftOut et onChange ; voir les exemples de code et l'utilisation dans le dépôt.