Cukup unduh paketnya dari sini dan tambahkan ke classpath proyek Anda, atau cukup gunakan repo maven: Gradle:
' com.ramotion.paperonboarding:paper-onboarding:1.1.3 '
SBT:
libraryDependencies += " com.ramotion.paperonboarding " % " paper-onboarding " % " 1.1.3 "
Pakar:
< dependency >
< groupId >com.ramotion.paperonboarding</ groupId >
< artifactId >paper-onboarding</ artifactId >
< version >1.1.3</ version >
< type >aar</ type >
</ dependency >
Paper Onboarding adalah penggeser orientasi yang sederhana dan mudah digunakan untuk aplikasi Anda. Anda hanya perlu menyediakan konten untuk setiap halaman slider - ikon utama, teks, dan ikon bulat kecil di bagian bawah.
1 Gunakan PaperOnboardingPage
untuk mempersiapkan data Anda untuk penggeser:
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 Buat fragmen dari PaperOnboardingFragment
dan berikan data Anda.
PaperOnboardingFragment onBoardingFragment = PaperOnboardingFragment . newInstance ( elements );
3 Selesai! Sekarang Anda dapat menggunakan fragmen ini sesuai keinginan Anda dalam aktivitas Anda, misalnya:
FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
fragmentTransaction . add ( R . id . fragment_container , onBoardingFragment );
fragmentTransaction . commit ();
4 Langkah ekstra : Anda dapat menambahkan event pendengar ke fragmen dengan logika Anda, seperti mengganti fragmen ini ke yang lain ketika pengguna menggeser ke depan dari layar terakhir:
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 ();
}
});
Saat ini, ada tiga pendengar yang meliput semua acara - onRightOut, onLeftOut dan onChange; lihat contoh kode dan penggunaan di repo.
Paper Onboarding Android dirilis di bawah lisensi MIT. Lihat LISENSI untuk detailnya.
Perpustakaan ini adalah bagian dari pilihan proyek sumber terbuka UI terbaik kami
Jika Anda menggunakan perpustakaan sumber terbuka di proyek Anda, pastikan untuk memberi kredit dan tautan balik ke www.ramotion.com
Coba komponen UI ini dan komponen serupa lainnya di aplikasi Android kami. Hubungi kami jika berminat.