الصفحة الرئيسية>المتعلقة بالبرمجة>جافا كود المصدر
تنزيل

التغييرات:

  • تم إنشاء طرق عرض قابلة للنقر مثل زر قابل للنقر داخل FlipViewPager.
  • استخدم عرض إعادة التدوير.
  • تم التحديث إلى API 23.
  • تمت إضافة دعم للنقرات القريبة على MergePage، على سبيل المثال لإضافة زر إغلاق.

FlipViewPager.Draco

يهدف هذا المشروع إلى توفير تطبيق قلب صفحة العمل للاستخدام في ListView. صنع في [يالنتس] (https://yalantis.com/?utm_source=github)

  • تحقق من هذا [المشروع على Dribbble] (https://dribbble.com/shots/1758298-Find-Friends-Interaction?list=users&offset=35)

  • تعرف على كيفية عمله على [يوتيوب] (https://www.youtube.com/watch?v=zNRPjS53m5w)

#الاستخدام

لتنفيذ العمل، قم بإلقاء نظرة على نموذج المشروع - عينة

لتحقيق نفس العرض ذو المظهر الشبكي، يجب عليك:

  1. تضمين المكتبة كمشروع مكتبة محلية: 

    compile ' com.yalantis:flipviewpager:1.0.0 '

  2. قم بإنشاء التصميم الرئيسي الخاص بك، وسيكون العرض مع دمج عنصرين معًا: 

     <!-- ... -->

< ImageView
    android : id = " @+id/first "
    xmlns : android = " http://schemas.android.com/apk/res/android "
    android : layout_width = " 0dp "
    android : layout_weight = " 1 "
    android : contentDescription = " left image "
    android : layout_height = " wrap_content "
    android : scaleType = " fitXY " />

< LinearLayout
    android : layout_width = " 1dp "
    android : layout_weight = " 0 "
    android : background = " #000000 "
    android : layout_height = " fill_parent " />

< ImageView
    android : id = " @+id/second "
    android : layout_width = " 0dp "
    android : layout_weight = " 1 "
    android : contentDescription = " right image "
    android : layout_height = " wrap_content "
    android : scaleType = " fitXY " />

<!-- ... -->

  3. إنشاء تخطيط لعرض معلومات إضافية لكل عنصر مدمج: 

     <!-- ... -->

< com .yalantis.flip.sample.views.FontTextView
    style = " @style/TextView.Nickname "
    android : id = " @+id/nickname " />

< LinearLayout
    android : layout_below = " @+id/nickname "
    android : id = " @+id/interestsPrimary "
    style = " @style/LinearLayout.Interests " >

    < com .yalantis.flip.sample.views.FontTextView
        style = " @style/TextView.Interest "
        android : id = " @+id/interest_1 " />

    <!-- ... -->

</ LinearLayout >

  4. قم بإنشاء المحول الخاص بك وقم بتمديده من BaseFlipAdapter<T> 

     class FriendsAdapter extends BaseFlipAdapter < Friend > {

	@ Override
	public View getPage ( int position ,
			    View convertView ,
			    ViewGroup parent ,
			    Friend friend1 ,
			    Friend friend2 ) {
		// ...
	}

	class FriendsHolder {
    	// ...
    }
}

  5. قم بتعيين المحول الخاص بك في ListView 

     final ListView friends = ( ListView ) findViewById ( R . id . friends );
friends . setAdapter ( new FriendsAdapter ( this , Utils . friends , settings ));

  6. يمكنك التعامل مع النقرات تمامًا كما هو الحال في ListView العادي 

 friends . setOnItemClickListener ( new AdapterView . OnItemClickListener () {
    @ Override
    public void onItemClick ( AdapterView <?> parent , View view , int position , long id ) {
        Friend friend = ( Friend ) friends . getAdapter (). getItem ( position );
        Toast . makeText ( FriendsActivity . this , friend . getNickname (), Toast . LENGTH_SHORT ). show ();
    }
});

سيتم إضافة المزيد من الخيارات قريبا :)

#التخصيص

سيتم عرض الصفحة المخصصة أولاً - قم بإنشاء كائن FlipSettings وتمريره إلى المحول 

 FlipSettings settings = new FlipSettings . Builder (). defaultPage ( 1 ). build ();

#التوافق

  • أندرويد 4.0+

سجل التغيير

الإصدار: 1.0

  • البناء الأولي

اسمحوا لنا أن نعرف!

سنكون سعداء حقًا إذا أرسلت إلينا روابط لمشاريعك التي تستخدم فيها المكون الخاص بنا. فقط أرسل بريدًا إلكترونيًا إلى [email protected] وأخبرنا إذا كان لديك أي أسئلة أو اقتراحات بخصوص الرسوم المتحركة.

ملاحظة: سنقوم بنشر المزيد من الروعة المغلفة في التعليمات البرمجية وبرنامج تعليمي حول كيفية جعل واجهة المستخدم لنظام Android (iOS) أفضل من الأفضل. ابقوا متابعين!

رخصة 

 Copyright 2017, Yalantis

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل