القائمة الرئيسية

الصفحات

شرح كيفية استخدام الماتريال ديزين Material Design داخل تطبيقك في الاندرويد ستوديو

 

شرح كيفية استخدام الماتريال ديزين داخل تطبيقك في الاندرويد ستوديو

شرح كيفية استخدام الماتريال ديزين داخل تطبيقك في الاندرويد ستوديو


تعتبر الماتريال ديزين Material Design تحسين وتطوير لشكل تطبيقك وايضا هي مجانية ومقدمة لنا بشكل مجاني كنوع لتحسين تطبيقات الاندرويد وايضا اذا جربتها سوف تعجبك استخدامها واصبحت في وقتنا الحالي تاتي افتراضية مع الاندرويد ستوديو الحديث ولكن اذا لم يكن لديك المكتة سوف نشرح لك في هذة المقالة كيف يمكنك اضافتها والاستمتاع بالخدمات المقدمة بها .


توجة الى الاندرويد ستوديو وقم بإضافة المكتبة التالية في ملف build gradle


dependencies {
implementation 'com.google.android.material:material:1.2.1'
}


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


ثانينا توجة لملف valuse ومنها اختر style او theme وقم بتغيير الاسم الموجود داخل parent  الى 


Theme.MaterialComponents.DayNight.DarkActionBar



ثالثا : دعونا نتعرف على موقع الماتريال ديزين وهو material.io توجة اليه عن طريق نسخه هو البحث عنة في جوجل وبعدها توجة الى components من الاعلى وبعدها اختر اندرويد لانة يوفر ادوات للفلاتر و الويب وغيرها لذلك حدد ما تريد ونحن في طبيعة الحال نعمل في الاندرويد لذلك اخترها وبعدها اختر ما تريد وانا في طبيعة الحال اخترت text-fields لاني اريد عمل مربعات لكتابة الاميل والرقم وغيرها



 بعد اختيار ما تريد سوف تجد خيارين بالاعلى الاول وهو التصميم والثاني الاضافة يمكنك تصميم الشكل الذي تريدة في التصميم واختباره وبعد ذلك يمكنك التوجة الى الاضافة او Implementation ومنها اختيار الشكل الذي تريده واضافتة الى مشروعك xml



بعد لصق الكود في تطبيقك تستطيع التعديل عليه كما بالصورة 



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

صورة من بعض الاشكال التي قمت بإنشائها بواسطتها 




مزيد من الاكواد

  1. حل مشكلة مساحة الاندرويد ستوديو ونقل ملف SDK بدون مشاكل
  2. شرح كيفية تكبير وتصغير الكود داخل الاندرويد ستوديو
  3. شرح كيفية استخدام Data Binding داخل Recyclerview
  4. كيفية إضافة صفحة البداية ( صفحة انتظار ) - splash screen
  5. شرح تغيير النص الى رقم في الاندرويد ستوديو
  6. اضافة زر للعودة للصفحة السابقه وتعديل اسم toolbar
  7. حل مشاكل المحاكي AVD داخل الاندرويد ستوديو
  8. تعريف وشرح Data Binding وما اهميتها في تطوير تطبيقات الاندرويد ستوديو

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