paper onboarding android

تجهيز الورق

مكتبة Android Paper Onboarding عبارة عن شريط تمرير لواجهة مستخدم لتصميم المواد مكتوب بلغة Java

---

نحن متخصصون في تصميم وترميز واجهة المستخدم المخصصة لتطبيقات الهاتف المحمول ومواقع الويب.

ترقبوا آخر التحديثات:

متطلبات

​

• Android 4.0.3 IceCreamSandwich (واجهة برمجة التطبيقات (API) المستوى 15) أو أحدث
• بيئة تطوير متكاملة المفضلة لديك

تثبيت

ما عليك سوى تنزيل الحزمة من هنا وإضافتها إلى مسار فئة المشروع الخاص بك، أو فقط استخدم 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 ();
    }
});

يوجد حاليًا ثلاثة مستمعين يغطون جميع الأحداث - onRightOut وonLeftOut وonChange؛ راجع أمثلة التعليمات البرمجية والاستخدام في الريبو.

؟ تحقق من هذه المكتبة بلغة أخرى:

؟ رخصة

تم إصدار Paper Onboarding Android بموجب ترخيص MIT. راجع الترخيص للحصول على التفاصيل.

تعد هذه المكتبة جزءًا من مجموعة مختارة من أفضل مشاريعنا مفتوحة المصدر لواجهة المستخدم

إذا كنت تستخدم المكتبة مفتوحة المصدر في مشروعك، فيرجى التأكد من الاعتماد والارتباط الخلفي بموقع www.ramotion.com

احصل على تطبيق Showroom لنظام Android لتجربته

جرب مكون واجهة المستخدم هذا والمزيد مثل هذا في تطبيق Android الخاص بنا. اتصل بنا إذا كانت مهتمة.