List Card Material Design

المقال اليوم عن كيفية إنشاء قائمة على هيئة كروت بأستخدام الماتيريال ديزان كما بالفيديو التالي

في البداية هنضيف المكتبات إلى build.gradle التالي

 داخل ملف  manifest هنعرف الآكتفتي بالشكل التالي

manifest.xml

 داخل مجلد values هننشئ ملف colors و نحدد به الالوان التالية

colors.xml

 داخل ملف styles بنفس المجلد هنستخدم الالوان السابق تحديدها كالتالي

styles.xml

 لأنشاء كل الكروت المعروضة بالفيديو لابد من إنشاء ملف تصميم مخصص لذلك بداخله كارد يحتوي على صورة ونصين

 recycler_view_card_item.xml

 لأدخال صور ونصوص مختلفة لابد من إنشاء كلاس جافا عادية للصور والنصوص بها getter – setter

Android.java

ليظهر بالشكل التالي

2015-05-09_13-57-30 ليظهر الشكل النهائي على الصفحة الرئيسية كما رأينا بالفيديو لابد من وجود adapter ليتم فيه إعداد الصور والنصوص وربطه مع صفحة التصميم

لحفظ الصور والنصوص هننشئ ArrayList من Android

  لأدخال الصور والنصوص من خلال setter

هيتم ربطها مع ملف التصميم من خلال ونرسله الى كلاس هيتم إنشائها

داخل الكلاس هيتم أخذ ال id لكل من الصورة والنصوص ولإضافة إيفنت على كل كارت لابد من  implements View.OnClickListener وكتابة الكود بداخل onClick

داخل الميثود هيتم أخذ الصور والنصوص من ArrayList ووضعها بداخل ImageView -TextView

الكود النهائي

CardAdapter.java

بداخل MainActivity هيتم عمل أوبجكت من

داخل الميثود

هيتم ربطها مع ملف التصميم

هنستدعي RecyclerView من خلال

 ربط ال LinearLayoutManager مع RecyclerView

لربطRecyclerView  مع ال adapater

الكود النهائي

MainActivity.java

بداخل ملف التصميم هنضع    RecyclerView لعرض كل الصور والنصوص

activity_main.xml

 ليظهر الشكل النهائي كالتالي

2015-05-08_18-25-27 2015-05-08_18-25-50لتحميل المشروع جروب عرب أندرويد

 

 

 

 

يرجي تقييم الموضوع

Facebooktwittergoogle_plusredditpinterestlinkedinmailby feather
The following two tabs change content below.

عهود على

Latest posts by عهود على (see all)

Comments

comments

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *