Laden Sie einfach das Paket hier herunter und fügen Sie es Ihrem Projektklassenpfad hinzu oder verwenden Sie einfach das Maven-Repo: 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 >
Paper Onboarding ist ein einfacher und benutzerfreundlicher Onboarding-Slider für Ihre App. Sie müssen lediglich Inhalte für jede Slider-Seite bereitstellen – ein Hauptsymbol, Text und ein kleines rundes Symbol für die Unterseite.
1 Verwenden Sie PaperOnboardingPage
um Ihre Daten für den Slider vorzubereiten:
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 Erstellen Sie ein Fragment aus PaperOnboardingFragment
und geben Sie Ihre Daten an.
PaperOnboardingFragment onBoardingFragment = PaperOnboardingFragment . newInstance ( elements );
3 Fertig! Jetzt können Sie dieses Fragment beliebig in Ihrer Aktivität verwenden, zum Beispiel:
FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
fragmentTransaction . add ( R . id . fragment_container , onBoardingFragment );
fragmentTransaction . commit ();
4 Zusätzlicher Schritt: Sie können mit Ihrer Logik Ereignis-Listener zu Fragmenten hinzufügen, indem Sie beispielsweise dieses Fragment durch ein anderes ersetzen, wenn der Benutzer vom letzten Bildschirm aus weiterwischt:
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 ();
}
});
Derzeit gibt es drei Listener, die alle Ereignisse abdecken – onRightOut, onLeftOut und onChange; siehe Codebeispiele und Verwendung im Repo.
Paper Onboarding Android wird unter der MIT-Lizenz veröffentlicht. Einzelheiten finden Sie unter LIZENZ.
Diese Bibliothek ist Teil einer Auswahl unserer besten UI-Open-Source-Projekte
Wenn Sie die Open-Source-Bibliothek in Ihrem Projekt verwenden, achten Sie bitte darauf, www.ramotion.com zu nennen und einen Backlink darauf zu setzen
Probieren Sie diese und weitere UI-Komponenten in unserer Android-App aus. Kontaktieren Sie uns bei Interesse.