Material Design Fragment

مقال جديد يتحديث عن الماتيريال ديزان وفيه يتم التغيير بين الشاشات وأستخدام اللغة العربية ليكون الشكل النهائي كالتالي :

داخل ملف build.gradle لابد من وجود المكتبات الآتية

 ملف Manifest فيه يتم تحديد الأكتفتي الأساسية للتطبيق

لابد من أضافة هذا الجزء لتكون الصفحة الأساسية هي MainActivity بالنسبة لل  Drawable وإلا لن يعمل التطبيق

Manifest.xml

داخل مجلد values هننشيء ملف colors.xml

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

 داخل ملف strings هنستخدم المسميات الآتية

داخل مجلد menu  بملف menu_main حيث يتم فيها إعداد العناصر المختلفة الخاصة بالقائمة وتحديد الأيقوانات الخاصة بها

 داخل ملف drawable هنضع مجموعة من الأيقوانات التي يتم أختيارها من الموقع من هنا

لأنشاء شريط الأدوات هننشئ ملف toolbar.xml

toolbar.xml

 لدينا ثلاث Fragment لأنشائهم يتم إنشاء ملف للجافا كالتالي وفيه يتم ربطه بملف التصميم

هننشئ واحدة منهم فقط وعليك إنشاء الأثنين الآخرين للأصدقاء – الرسائل  بنفس الطريقة

HomeFragment.java

 ملف التصميم fragment_home.xml

 ملف مهم لابد إنشائه داخل مجلد layout لتحديد شكل كل صف من الصفوف ليحتوي كل صف على نص وصورة

nav_drawer_row.xml

 لعرض الصور والعناوين هننشئ كلاس جافا عادية بها getter – setter

 ليظهر الصف به صورة ونص لابد من Adapter

بداخلها أنشأنا  class MyViewHolder extends RecyclerView.ViewHolder

حصلنا فيها على ال Id الخاص بي الصورة والنص كالآتي الموجودين بداخل nav_drawer_row.xml

 هنأخد النص والصورة من خلال

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

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

NavigationDrawerAdapter.java

 هننشيء كلاس أخري FragmentDrawer

هيتم هنا الحصول على الداتا الخاصة بالصور الموجودة بمجلد drawable وعمل لوب عليها وعلى النصوص وتخزينها في data

هيتم الحصول على النصوص المخزنة في ملف strings

هيتم هنا

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

*الربط مع  adapter

*الربط مع  recyclerView

* وضع إيفنت

لظهور  وإخفاء شريط الأدوات أثناء عرض drawable تدريجيا

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

FragmentDrawer.java

 هننشئ ملف التصميم  fragment_navigation_drawer.xml لعرض الصورة التي تظهر في بداية drawable  بالأضافة لأنشاء  RecyclerView لعرص الصور والنصوص التي تظهر لكل فرجمنت في drawable

fragment_navigation_drawer.xml

في النهاية هننشئ MainActivity أخر كلاس وبداخلها

 الربط مع صفحة التصميم

ربط شريط الأدوات

تحديد الأتجاه ليكون من اليمين

الربط مع fragment_navigation_drawer

لعرض أماكن ظهور كل فرجمنت من الموجودين لدينا

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

MainActivity.java

في النهاية هننشيء ملف التصميم activity_main.xml في بدايته DrawerLayout

 وشريط الأدوات بالأضافة إلى fragment

activity_main.xml

  لتحميل الكود النهائي جروب عرب أندرويد

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

 

 

 

 

 

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

Facebooktwittergoogle_plusredditpinterestlinkedinmailby feather
The following two tabs change content below.

عهود على

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

Comments

comments

اترك تعليقاً

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