استخدام MaterialDesignLibrary navasmdc الماتيريال ديزاين برمجة اندرويد

بسم الله الرحمن الرحيم

كيفية جعل مشروعك الاندرويد يدعم التصميم الحديث الماتيريال ديزاين في لاصدارات سابقة.

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

لأن الآن أكثر من 99% من مستخدميها .. يستخدموا اصدارات كت كات 4.4 وما دون, عموماً في هذه التدوينة سوف نرى كيف نستخدم مكتبة خارجية من قبل شخص اسمه إيفان من إسبانيا قام بعملها.

معاينة لاستخدامها :

Material Design

رابط المكتبة : https://github.com/navasmdc/MaterialDesignLibrary

في حال أردت استخدامها في برنامج اكليبس يجب عليك تحميلها واستخدامها كمكتبة وإضفها لمشروعك.

إما في اندرويد ستوديو فاستخدامها جداً سهل ولا يحتاج الى اي تحميل ..

فقط بإضافة سطر واحد في ملف البناء build.gradle .

compile 'com.github.navasmdc:MaterialDesign:1.+@aar'

وبعدها اعمل مزامنة لمشروعك ~ .. ومن داخل رابط المكتبة الذي ادرجتها في الاعلى .. تجد في الأسفل الأكواد التي تستخدمها لأهم الأدوات التي تدعمها هذه المكتبة.

و أكثرها شيوعاً هو الزر .. تستخدمه بالكود التالي :

<com.gc.materialdesign.views.ButtonRectangle
                android:id="@+id/button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#1E88E5"
                android:text="Button" />

و هناك بعض الأدوات التي تستخدم وثيقة الماتيريال وتحتاج الى اضافة السطر :

xmlns:materialdesign="http://schemas.android.com/apk/res-auto"

في أعلى ملف اللياوت المستخدم.

 

الأمر جداً بسيط وسهل .. تستطيع الرجوع إلى رابط المكتبة لاستخدام بقية الادوات ..

وانتظرونا في دروس قادمة ان شاء الله .. والسلام عليكم 🙂

About عبدالقادر عليوي

مواليد 1996 , سوري الجنسية, طالب علم, لدي شغوف كبير في تعلم كل ما يتعلق بالانترنت من تطوير وحماية, أحب القراءة كثيراً .. هدفي نشر العلم بشتى أنواعه ومجالاته, متابع من الدرجة الأولى لـ الدكتور ابراهيم الفقي و الشيخ أحمد ديدات - رحمهم الله -.

Check Also

التقنيات التي نستطيع برمجة تطبيقات والعاب الاندرويد بها

هل أنت محتار من أين تريد البدأ في مجال برمجة التطبيقات للهواتف الذكية أو الألعاب عالية الاداء ؟ تعرف في هذا المقال عن اللغات والتقنيات واختر منها ما يناسبك لدخول هذا المجال

تعلم برمجة تطبيق اندرويد لمدونتك البلوجر (1)

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

عرض صورة في التطبيق من فايربيس

بسم الله الرحمن الرحيم اليوم سيكون شرحنا عن كيفية عرض صورة  في التطبيق من قاعدة …

24 comments

  1. شكرا
    بس الكود تبع الزر وين بحطوا ؟
    وكود الصلاحيات بملف ال مينفيست ؟

  2. اخى الكريم شكرا لك ولكن الدرس غير واضح
    نرجو الشرح بمثال واضح

    • تمام أخي .. اي نقطة غير واضحة .. تفعيل المكتبة او استخدامها ؟! ..

      تفعيلها فقط بإضافة السطر المذكور في الملف المذكور .. ؟! ..

      أما استخدامها … وقت تستخدم زر الكود الخاص بالزر هو :

      اما الزر في المكتبة مختلف .. فهو عنصر خاص .. والعناصر موجودة في صفحة المكتبة المتوفرة :
      استخدام الزر من المكتبة بهذا الكود :

      واضحة ؟! ..

  3. نعم أخي لكن لدي أستفسار أنا أستخدم برنامج AIDE
    هل تشرح لنا كيف نضيف المكتبة بتفصيل أرجو الرد

    • اهلا وسهلا بك … بصراحة اول مرة اعرف عنه .. ممكن تشرح لنا بسطور مختصرة ما هذا الـ aide ومعذرة منك لم يسبق لي استخدامه لاعرف كيفية اضافة المكتبة اليه ..

  4. أيهم خير

    أنه برنامج علی أندرويد يشبه عمل أكلبس أي برمجة اندرويد وانا اطبق دروسك علی هذا البرنامج وانه يحقق النبيجة المذكورة لكن حملت المكتة و أضفتها وعندما أضيف كود Button المكتبة لا يعمل التطبيق الذي صممته علی هذا البرنامج
    رابط البرنامج:
    http://market.android.com/search?q=pname:com.aide.ui

  5. اخي الطريقة لا تعمل يظهر لي خطا.:
    Failed to resolve :com.githugithub.navasmdc:Materialdesign:1.+
    غريب؟!

    • جرب التالي اخي :

      compile 'com.github.navasmdc:MaterialDesign:1.5@aar'
      • شكرا اخي ساويت مزامنة وما اظهر خطا ……… لكن عند اضافة الزر يظهر لي خطا:
        The following classes could not be instantiated:

        مع العلم انا لدي زر بشكل دائرة (background ) يعني عملت ملف drawable بشكل دائرة واضفته على الزر كbackground واصبح الزر بشكل دائرة …… وعندما اضيف :
        com.gc.materialdesign.views.Buttons يظهر هذا الخطا وحتى عندما اضيفه إلى زر عادي ….. ما المشكلة ؟

    • العفو اخي .. ان شاء الله اكن فهمت على طلبك ..

      اخي هذه المكتبة كلاسات خاصة .. ليست مثل الزر العادي .. لها خصائص خاصة فيها ..

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

      راجع الرابط الموجود الخاص بالمكتبة لمعرفة عنها اكثر .. إذا كان الزر تريده بالشكل الدائري جرب استخدام :
      com.gc.materialdesign.views.ButtonFloat

      إن شاء الله أكن افتدك . . واذا لم تنجح معك جرب استخدام الماتيريال ديزاين بطريقة اخرى 🙂

      • شكرا اخي…….. كل ما اردته هو اضافة تأثيرات عند الضغط على الزر …..هل يوجد طريقة اخرى؟

    • ما هي نوعية التاثيرات التي تريدها .. يوجد طرق كثيرة ..

  6. it does’t work

  7. قمت بعمل import لتطبيق به متيريال ديزاين وتعاملت معه كlibrary للتطبيق الاساسي

    • نعم انا معك ولكن انا في هذا الشرح, كتبت عن هذه الطريقة فقط, , ولن ينجح الأمر إذا استخدمتي تطبيق كمتبة لأن التطبيق في الغالب يكن متصل تماماً بالماتريال رسمياً .. لذلك أما استخدام هذه الطريقة كما مذكورة في الشرح, أو الانتظار لكتابة تدوينات اخرى لطرق اخرى .. وقريباً ان شاء الله فقط انتهي من المشاريع التي في يدي 🙂

  8. هل تحتاج الطريقة عند مزامنة ملف Gradle إلى انترنت للعلم انا استخدم اندرويد ستوديو .

ضع بصمتك بتعليق يعبر عن امتنانك

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.