تغيير الالوان Color picker دروس تعلم برمجة التطبيقات على الجوال باستخدام تطبيق AIDE-الدرس13

 

تغيير الألوان Color picker دروس تعلم برمجة التطبيقات على الجوال باستخدام تطبيق AIDE-الدرس13

اسعد الله اوقاتكم بكل خير

متابعي وزوار مدونة

Free20Androidy

 

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

في هذا الدرس ان شاء الله سنتعلم كيف نستعمل ملف الألوان، او كيف نستخدم ال Color picker، فمن خلال هذا الدرس سنتعلم كيفية تغيير الخلفية والنص باختيار المستخدم، لمعرفة كيفية عمل هذا المشروع تابع المقالة الى نهايتها.

في بداية برمجة هذا التطبيق، او اختيار ال Color picker هذا يعتمد على مكتبة من الانترنت وسنضع رابط الموقع لهذه المكتبة أسفل المقالة، الذي يدعم الكثير من المكتبات الرائعة والتي يمكنك استخدامها لاحقا حسب رغبة المبرمج.

نذهب الى الموقع بالضغط على الرابط أسفل المقالة، ومن ثم نقوم باختيار (color picker)

ومن ثم نقوم بالنزول الى أسفل ونقوم باختيار Color Preference

والان نقوم بربط التطبيق بهذه المكتبة، ننسخ هذا الكود ونضعه في ملف gradle

Free20androidy

_____________________

 

allprojects {

 repositories {

    center()

    maven { url "https://jitpack.io" }

 }

}

 

وأيضا ننسخ هذا الكود ونضعه في ملف build.gradle

dependencies {

 compile 'com.github.kizitonwose.colorpreference:core:<latest-version>'

}

or

dependencies {

compile 'com.github.attenzione:android-ColorPickerpreference:e3aa301016'

}

 

بعد ذلك ننشئ زر(button) ونعمل الخلفية(background) لهذا الزر صورة.

 

بعد ذلك نتوجه الى ملف الجافا اكتيفيتي، ونقوم بكتابة الاكواد التالية:

أولا: نقوم بتعرف الزر button، والتكست text، وال layout، وأيضا نعرف ال color picker

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

بعد كتابة الكود بشكل صحيح نقوم بتشغيل التطبيق

 

رابط موقع المكتبة المستخدم اضغط هنا