التعرف على لغة التصميم الجديدة على الاندرويد material design 2

اذا كنت تستعمل اندرويد ستوديو 3.1 فغالبا لن تستطيع معاينة الذزاين على البرنامج بل على الهاتف او emulator . مرحبا قبل ايام قليلة ثم الاعلان عن الماتريل دزاين 2 من جوجل و الذي سيكون جاهزا الى جانب اندرويد Pie في المستقبل القريب هو في نسخة البيتا و نتظر النسخة المستقرة الان اخر التغييرات الكبيرة التي راينها على اندرويد كانت في اندرويد 21 لوليبوب و بعد سبع اصدارات ثم تغيير الكثير و ايضا اضافة الكثير و ذلك ما ساسولف عنه اليوم باذن الله .
1- الموقع الرسمي :
منذ ان خرجت الماتريل دزاين الى حيز الوجود ثم تحديث الموقع الرسمي و هذا يجعلني سعيدا فقبل ذلك كانوا يعطونك تعليمات فقط اما الان فقد ثم اضافة اكواد xml ،  خبر رائع اليس كذلك فتلك التعليمات المملة لا استطيع تطبيقاها على اي حال . لا ننسى انه ثم التركيز على كل المنصات من Android Web IOS Flutter .
2- عناصر جديدة :
ثم اضافة عناصر جديدة و التعديل على العناصر القديمة لتناسب الوضع الحالي و الاكثر جدبا لانتباه هو bottom-app-bar و ايضا طريقة ظهور float-action-bar عليه :
عموما هذا الشكل ليس جذابا بالنسبة لي لكن ما يروقوني فيه هو الشكل الجديد و المختلف .
3-الربط مع المشروع :
اضف التالى الى ملف
 build.gradle(app)
4-استكشاف :
  √الازار-material Button
عنصر جديد موروث من AppCompatButton لكن مع خصائص جديدة و اقل ما يقال عنها انها رائعة و كنت اظطر الى انشاء عناصر مخصصة لاشياء بسيطة تبا .
يمكنك اضافة هذا الزر الى الواجهة هكذا :

  • -اضافة ايقونة :
  • لون الايقونة
  • الحشوة او padding :
  • تغيير الخلفية و لون التاتير عند الضغط
  • اضافة اطار :
  • الزويا :
   √الشريط السفلي :
لطالما استعملنا actionbar في الاعلى لكن ماذا ان استعملناه في الاسفل سيكون بالطبع غريبا لكنه شيء مختلف كليا و فريد .
ساقوم بنشر تدوينة منفصلة عن الشريط السفلي في قادم الايام لهذا لن نحتاج لاتحدث عنها اكثر .
بالنسبة ل events :

    √cardView
لا جديد الا فيما يخص الاطار app:strokeColor و app:strokeWidth .
      √chips :
لا لا ، لا اتحدث عن رقائق البطاطا بل عن هذه الموجودة في الاسفل غالبا ما تستعمل لتحديد مناطق اشخاص معينين .
  1. app:chipIcon -> يستعمل لاضافة ايقونة قبل Text .
  2. app:checkable -> يستعمل لجعل العنصر قابل للتحديد .
  3. app:closeIconEnabled -> يستعمل لجعل العنصر قابل للحذف .
  4.  app:closeIcon -> يستعمل لتغيير ايقونة الاغلاق الاصلية .

بالنسبة ل events :

و السلام على من اتبع الهدى


هل ترغب في مثل هذه التدوينات

اسماعيل ايت بلا

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

اترك لنا تعليقا

الاشتراك بالقائمة البريدية

توصل باحدث مواضيعنا و كن على اطلاع باخر اخبار وتقنيات الاندرويد