تغيير شكل ولون الزر _ Sketchware
السلام عليكم ورحمة الله وبركاته
في هذه التدوينة اقدم لك كيفية تغيير شكل الزر في تطبيقك من خلال التحكم بلون النص داخل الزر ولون الزر وحدود الزر الان والطريقة هي بأستخدام الكود حيث يضع في الـ OnCreate حيث في تغيير الشكل الخاص بالزر يعطي جمالية للتطبيق من ناحية التناسق والازرار وغيرها من الاضافات التي قمت باضافتها في تطبيقك .
نبذة مختصرة عن OnCreate
هو عبارة عن حدث يقوم بتنفيذ الاوامر عند فتح التطبيق فأي امر يتم اضافته في هذا الحدث عند فتح التطبيق يقوم بتنفيذه وكذلك اذا كان في تطبيقات اكثر من صفحة فعند الرجوع الى الصفحة ايضا يقوم بتنفيذ الاوامر في هذا الحدث حيث كل صفحة تحوي هذا الحدث وهو onCreate .
الشرح
اولا : بعد اضافتك للزر (Button) في صفحة التصميم وهي (VIEW) من خلال خصائص الزر يوجد اخر خاصية للزر وهي (ID) تستطيع من خلال (ID) الوصول الى الزر وتطبيق بعض اوامر عليه من حيث الزوايا المستديرة واللون والكثير من الاوامر فنقوم بالضغط عليه سوف يظهر اسم تلقائي تم انشائه وهو (button1) تذكره سوف نحتاجه في الكود لكن بأمكانك تغييره الى اي اسم او حرف فنتركه على حاله وهو button1 كما وضح بالصورة ...
ثانيا : الان نتوجه الى OnCreate ونقوم باضافة بلوك (ASD) عن طريق الخطوات الاتية :
- نضغط على Operator ثم ننزل الى الاسفل ونجد بلوك بأسم (add source directory)
* (ASD) هو مختصر لـ (AddSourceDirectory) كما موضح بالصورة ...
الان مثلما تلاحظ يوجد في نهاية الكود (button1) وهو (ID) الخاص بالزر(button) وسوف يطبق التطبيق الكود على هذا (ID)
الكود المستعمل في الشرح
android.graphics.drawable.GradientDrawable gd = new android.graphics.drawable.GradientDrawable();
gd.setColor(Color.parseColor("#1565C0"));
gd.setCornerRadius(35);
button1.setBackground(gd);
***************************
ملاحظات مهمة عن هذا الكود
* القيمة الموجودة في الكود وهي gd
اولا : عند استخدام هذا الكود لأكثر من مرة في صفحة واحدة عليك بتغيير هذه القيمة لأنك اذا قمت بأستخدام الكود لأكثر من مرة فسيظهر لك خطأ بأن هذه القيمة مكررة فعليك فقط بتغييرها مثلا يوجد عند خمسة ازرار فقمت بتكرار الكود خمسة مرات فتقوم بتغيير القيمة مثلا الكود الاول قيمته a والثاني b والى اخره .
ثانيا : عند استخدام هذا الكود لأكثر من مرة لكن في حال استخدام الكود مرة واحدة في الصفحة الاولى ومرة اخرى في الصفحة الثانية فهنا لا يحتاج تغيير القيمة لكن في حال استخدمت الكود لاكثر من مرة في الصفحة الاولى فعليك بتطبيق ما ذٌكر في قسم اولا .
* القيمة 35
هذه القيمة من خلالها انت تحدد التقويس الخاص بالزر فعند كتابة مثلا 25 فسيتم تقويس الزر بنسبة 25 وكذلك الحال مع القيم الاخرى .
*الآيدي (ID) وهو button1
من خلال (ID) تتوصل الى التخطيطات والحاجيات فالتخطيطات لمن لا يعرفها وهي (linear"H , linear"V , Scroll"H , Scroll"V) فهذه هي التخطيطات اما الحاجيات فتبدأ بال Textview وتنتهي بال Mapview فمن خلال (ID) تتوصل الى ما ذُكر اذا كنت تريد تقويس او الى اخره من الاوامر من خلال ID .
شرح عن ما تم استخدامه
نبدأ بالقسم View الذي يعد الواجهة الرئيسية لاضافة الحاجيات او التخطيطات التي تحتاجها في تطبيقك فمن خلال هذا القسم تستطيع عند اضافتك لاي تخطيط او حاجة وهو الذي سيكون ظاهرا للمستخدم ويسمى UI وهي الواجهة التي ستظهر للمستخدم .
نحن من خلال هذه التدوينة حسب ما تم شرحه اعلاه انه نغير شكل ولون الزر فاريد ان اعرفكم اكثر عن الزر او ما يسمى Button فهذه الحاجة تستخدم لتنفيذ اوامر معينة مضافة من قبل المطور ويتم تنفيذها بعد الضغط على الزر فهذه هي الية عمل الزر اي بمجرد الضغط على الزر يتم تنفيذ الاوامر المطلوبة .
اين تضاف الاوامر ؟
طريقتين لاضافة الاوامر للزر :
اولا : من خلال خصائص الزر
توجد ثلاث قوائم موجودة في اي خاصية لاي حاجة فمثلا الزر القوائم تشمل :
1 - قائمة Basic
هذه القائمة تشمل جميع الخصائص التي تخص الحاجة المضافة وبما اننا استعملنا زر فستظهر الخصائص التي تخص الزر ولابد من التنويه ان خصائص بعض الحاجيات تختلف عن الاخرى فهذا ما يخص قائمة Basic .
2 - قائمة Recent
هذا القائمة تحتوي على الخصائص التي تم استخدامها مؤخراً اي اقصد اخر خاصية استعملتها في الزر وليكن مثلا اللون فستجد خاصية اللون موجودة في هذا القسم لانك استخدمتها مؤخراً .
3 - قائمة Event
من خلال هذه القائمة تضاف الاكواد وبما اننا نستعمل زر فتوجد ثلاثة احداث ...
ما المقصود بالحدث ؟
تختلف الاحداث من حاجة لاخرى فمثلا الزر يحتوي على حدث onClick فالمقصود بهذا الحدث ما الاوامر التي تريد تنفيذها عند الضغط على الزر ولابد من التنويه ان الزر يحتوي على ثلاثة احدث :
* حدث onClick
تضيف في هذا الحدث الاوامر التي تريد تنفيذها عند الضغط على الزر
* حدث onLongClicked
المقصود به عند الضغط المطول على الزر فينفذ الاوامر الموجودة فيه .
* حدث onTouched
المقصود به عند لمس الزر
فتضاف الاكواد الى الزر من خلال قائمة Event وحسب الحدث الذي تحتاجه فكله تم توضيحه اعلاه .
ثانياً : من خلال قائمة EVENT
وبعدها الى قائمة View فتضغط على زر الاضافة وتختار الزر الذي تريد اضافة الاكواد اليه طبعاً مع اختيار الحدث بالوقت نفسه .
> اتمنى الشرح مفهوم السلام عليكم ورحمة الله وبركاته
