เพียงดาวน์โหลดแพ็คเกจจากที่นี่และเพิ่มลงใน classpath ของโปรเจ็กต์ของคุณ หรือเพียงแค่ใช้ maven repo: Gradle:
' com.ramotion.paperonboarding:paper-onboarding:1.1.3 '
เสาร์:
libraryDependencies += " com.ramotion.paperonboarding " % " paper-onboarding " % " 1.1.3 "
มาเวน:
< dependency >
< groupId >com.ramotion.paperonboarding</ groupId >
< artifactId >paper-onboarding</ artifactId >
< version >1.1.3</ version >
< type >aar</ type >
</ dependency >
Paper Onboarding เป็นตัวเลื่อนที่ใช้งานง่ายสำหรับแอปของคุณ คุณเพียงแค่ต้องระบุเนื้อหาสำหรับหน้าเลื่อนแต่ละหน้า - ไอคอนหลัก ข้อความ และไอคอนกลมเล็กๆ ที่ด้านล่าง
1 ใช้ PaperOnboardingPage
เพื่อเตรียมข้อมูลของคุณสำหรับแถบเลื่อน:
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 สร้างแฟรกเมนต์จาก PaperOnboardingFragment
และให้ข้อมูลของคุณ
PaperOnboardingFragment onBoardingFragment = PaperOnboardingFragment . newInstance ( elements );
3 เสร็จแล้ว! ตอนนี้คุณสามารถใช้ส่วนนี้ตามที่คุณต้องการในกิจกรรมของคุณ เช่น :
FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
fragmentTransaction . add ( R . id . fragment_container , onBoardingFragment );
fragmentTransaction . commit ();
4 ขั้นตอนพิเศษ : คุณสามารถเพิ่มผู้ฟังเหตุการณ์ให้กับแฟรกเมนต์ด้วยตรรกะของคุณ เช่น แทนที่แฟรกเมนต์นี้ไปเป็นอีกแฟรกเมนต์เมื่อผู้ใช้ปัดนิ้วถัดไปจากหน้าจอสุดท้าย:
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 ();
}
});
ปัจจุบันมี Listener 3 รายการที่ครอบคลุมกิจกรรมทั้งหมด ได้แก่ onRightOut, onLeftOut และ onChange; ดูตัวอย่างโค้ดและการใช้งานใน repo
Paper Onboarding Android เปิดตัวภายใต้ใบอนุญาต MIT ดูใบอนุญาตสำหรับรายละเอียด
ไลบรารีนี้เป็นส่วนหนึ่งของ โครงการโอเพ่นซอร์ส UI ที่ดีที่สุดของเรา
หากคุณใช้ไลบรารีโอเพ่นซอร์สในโครงการของคุณ โปรดตรวจสอบให้แน่ใจว่าได้ให้เครดิตและลิงก์ย้อนกลับไปที่ www.ramotion.com
ลองใช้องค์ประกอบ UI นี้และอื่นๆ ที่คล้ายกันในแอป Android ของเรา ติดต่อเราหากสนใจ