تأثير الضغط على الزر _ Sketchware

احمد جمال

4 Mar, 2020

السلام عليكم ورحمة الله وبركاته

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

الشرح

أولا: نضيف زر (button) في صفحة التصميم وهي (VIEW) مع التأكد بأن الآيدي الخاص به هو(button1) او يمكنك اختيار آيدي آخر لكن عليك حفظه لأننا سنحتاجه في الكود .

*نبذة مختصرة عن الزر (button) في نهاية الشرح.

ثانيا: (اختياري) من خصائص الزر تضغط على خاصية (width) وهي العرض وتختار من الخيارات التي ظهرت خيار (match_parent) وتضغط على زر Save .

ثالثا : نتوجه إلى onCreate ونضيف اخر بلوك وهو (add source directly ) بالضغط على operator .

رابعا : نضيف الكود التالي :

android.graphics.drawable.GradientDrawable style = new android.graphics.drawable.GradientDrawable();

style.setCornerRadius((float)20);

style.setColor(new android.content.res.ColorStateList(new int[][] {{ -android.R.attr.state_pressed} , {android.R.attr.state_pressed}}, new int [] {Color.parseColor("#FF0000"), Color.parseColor("#000000")}));

style.setStroke((int)5, new android.content.res.ColorStateList(new int [][] {{ -android.R.attr.state_pressed}, {android.R.attr.state_pressed}}, new int [] {Color.parseColor("#0000FF"), Color.parseColor("#00FF00")}));

button1.setBackground(style);

* هذا الكود يجعل تصميم الزر ( حدوده مقوسة ولون للحدود ولون للزر ) .

#حدود الزر

#0000FF هذا اللون قبل الضغط

#00FF00 هذا اللون بعد الضغط

~~~~~~~~~~~~~~~~~~~~~~

#الزر

#FF0000 اللون قبل الضغط

#000000 اللون بعد الضغط

~~~~~~~~~~~~~~~~~~~~~~

خامسا : الان تتأكد من (ID) وهو (button1) اما في حال غيرت (ID) استبدل (button1) الموجود في الكود بال (ID) الذي غيرته .

سادسا : بعد الإنتهاء من الخطوات اعلاه قم بتجميع التطبيق وذلك بالضغط على زر (Run) الموجود في صفحة التصميم وهي (VIEW) .

ملاحظة لم تذكر في الشرح وهي الدرجة الخاصة بتقويس الحدود " ان كنت تريد الحدود شديدة التقويس أو ضعيفة " فتقوم بتغيير :

20 => إلى الدرجة التي تريدها

_______________

*نبذة مختصرة عن الزر (button) .

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

*نبذة مختصرة عن oncreate .

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

*نبذة مختصرة عن بلوك ADS .

بلوك ADS او ما يعرف بـ add source directly هذا البلوك يستخدم لاضافة الاكواد فيه في حال لم يكن الكود مجهز في التطبيق واقصد هنا مجهز بصيغة بلوك فهذا الغرض من هذا البلوك .

_______________

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

اتمنى الشرح مفهوم السلام عليكم ورحمة الله