39 -اندرويد : اضافة التحريك عند تغير عناصر التنسيق Animating Layout Changes

 

ملاحظة : الموضوع عبارة عن حلقة من حلقات سلسلة برمجة وتطوير اندرويد Android Development

اندرويد : اضافة التحريك عند تغير عناصر التنسيق Animating Layout Changes

السلام عليكم ورحمة الله وبركاته

سوف نتعلم ضمن هذا الدرس مايلي :

  1. انشاء التنسيق Create the Layout
  2. اضافة , تحديث , او حذف العناصر ضمن التنسيق Add, Update  or Remove Items from the Layout

بالامكان تحميل المثال من الرابط التالي : Download the sample app

 إن عملية تحريك التنسيق layout animation عبارة عن عملية تحريك مسبقة التحميل pre-loaded  يقوم النظام بتشغيلها في كل مرة تقوم فيها باجراء تعديل على اعدادات التنسيق.

كل ما تحتاج للقيام به هو فعليا اسناد خاصية للتنسيق تخبر نظام اندرويد بان يقوم بالتحريك في كل مرة تحدث فيها تغيرات على عناصر هذا التنسيق, وبالتالي سوف يتم تطبيق التحريك الافتراضي على هذه العناصر.

ملاحظة : في حال رغبت باضافة نوع معين من التحريك, قم بإنشاء غرض من نوع LayoutTransition, ومن ثم قم بتزويد التنسيق به عبر التابع setLayoutTransition().

فيما يلي (من الرابط ) فيديو يوضح كيف يبدو اللتحريك الافتراضي  عند تطبيقه على التنسيق وذلك عند اضافة عناصر إلى القائمة (ضمن التنسيق المطروح في المثال):

في حال رغبتم بالانتقال بسرعة إلى المثال العملي , بالامكان تحميله من الرابط التالي “تحميل”, يحوي  عدد من الملفات يهمكم منها الملفات التالية :

 

 

  1. src/LayoutChangesActivity.java
  2. layout/activity_layout_changes.xml
  3. menu/activity_layout_changes.xml

إنشاء التنسيق Create the Layout

ضمن ملف التنسيق XML  layout,قم باسناد الخاصة التالية للتنسيق android:animateLayoutChanges  وضع لها القيمة true , وذلك للتنسيق الذي ترغب أن تفعل عملية التحريك عليه : على سبيل المثال:

 

<LinearLayout android:id="@+id/container"
    android:animateLayoutChanges="true"
    ...
/>

 

اضافة , تعديل , او حذف عناصر من التنسيق add, update , or remove items from the layout

الآن , كل ما انت بحاجة لاضافته لفعله هو اضافة او تعديل او حذف عناصر ضمن التنسيق وسوف يتم تحريك التنسيق بشكل اوتوماتيكي

private ViewGroup mContainerView;
...
private void addItem() {
    View newView;
    ...
    mContainerView.addView(newView, 0);
}

 ببساطة… الموضوع بهذه السهولة

اتمنى لكم الفائدة ,وإلى لقاء في حلقة قريبة , وإلى ذلك الحين استودعكم الله والسلام عليكم ورحمة الله وبركاته

وإلى لقاء قريب في الحلقة القادمة وإلى ذلك الحين استودعكم الله والسلام عليكم ورحمة الله وبركاته

Advertisements

, , , , , , , , , , , , , , , , , ,

  1. online casino

اترك رد

Please log in using one of these methods to post your comment:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s

%d مدونون معجبون بهذه: