الزرّ Button

   من المكوّنات الأكثر إستخداما في بناء تطبيقات الأجهزة الذكية ، يتعبر الزرّ كعنصر إدخال رئيسي لمعظم التطبيقات المحمولة ، يملك الزرّ مجموعة من الخصائص التي  تحدّد مظهره و شكله  و عدة أحداث يتم إطلاقها عند تعامل المستخدم مع هذا المكوّن.

خصائص الزرّ   Properties:

لون الخلفية   Background Color

   خاصية تحديد لون خلفية العنصر (زرّ)، تأخذ هذه الخاصية قيمة تمثل لون خلفية العنصر. في مرحلة التصميم يمكننا تعريف لون الخلفية بإختياره من مجموعة الألوان المتاحة و التي تأخذ شكل قائمة منسدلة، أثناء مرحلة التنفيذ يمكننا تغيير لون الخلفية بتحديد أحد الألوان المتاحة أو تعريف لون جديد غير متوفر باستخدام ما يعرف  بالـRGB، تمثل هذه الحروف الألوان الأساسية (R الأحمر) و (G الأخضر) و (B الأزرق).

يتم المزج بين هاته الألوان الثلاثة من خلال إعطاء كل لون قيمة تتراوح بين صفر (0)  و 255 للحصول على لون جديد غير معرّف في قائمة الألوان المتاحة.

تعريف لون الخلفية في مرحلة التصميم

إعطاء لون للخلفية أثناء التنفيذ

إعطاء لون للخلفية أثناء التنفيذ بطريقة المزج بين الألوان الأساسية

تمكين   Enabled

     القيمة الإفتراضية لهذه الخاصية عند إنشاء الزرّ  تكون True أي صحيح  و التي تعطي للمستخدم  إمكانية التعامل مع هذا العنصر أثناء تنفيذ التطبيق. القيمة False  تجعل من هذا العنصر أثناء التنفيذ مجرّد مكوّن معطّل و خامل لا يتجاوب من نقرات المستخدم، يمكن تحديد قيمة مبدئية لهذه الخاصية أثناء التصميم و التحكم فيها  أثناء التنفيذ.

التحكم في قيمة الخاثية تمكين في مرحلة التصميم

تغيير قيمة الخاصية تمكين أثناء التفيذ

خطّ عريض   Font Bold

تأخذ هذه الخاصية إحدى القيمتين صحيح(True) أو خطأ(False)، القيمة الأولى تعني أن خاصية الخطّ العريض مفعّلة على النّصّ المطبوع على الزرّ .

يمكن إعطاء قيمة لهذه الخاصية خلال مرحلة التصميم أو أثناء تنفيذ التطبيق:

تحديد قيمة للخاصية خط عريض أثناء التصميم

إعطاء قيمة للخاصية خط عريض أثناء التنفيذ

خطّ مائل   Font Italic

   تأخذ هذه الخاصية إحدى القيمتين صحيح(True) أو خطأ(False)، القيمة الأولى تعني أن خاصية الخطّ المائل مفعّلة على النّصّ المطبوع على الزرّ .

يمكن إعطاء قيمة لهذه الخاصية خلال مرحلة التصميم أو أثناء تنفيذ التطبيق:

إعطاء قيمة للخاصية خط مائل أثناء التنفيذ

تحديد قيمة للخاصية خط مائل أثناء التصميم

حجم الخطّ   Font Size

لتحديد حجم  خطّ النص المطبوع على الزرّ، يمكننا إعطاء قيمة لحجم الخط سواء أثناء  التصميم أو خلال التنفيذ.

إعطاء قيمة لحجم الخط  أثناء التصميم

إعطاء قيمة لحجم الخط  أثناء التنفيذ

نوع الخطّ   Font Typeface

تعيين نوع خطّ النصّ المطبوع على الزرّ من مجموعة الخطوط المتوفّرة على المنصّة، لا يمكننا التحكّم في هذه الخاصية إلاّ في وضع التّصميم.

إستيراد نوع خطّ   Font Typeface Import (.ttf)

   إستيراد ملفّ(ملفات) خطّ(خطوط) جديد(ة) غير موجود(ة) ضمن مجموعة الخطوط المتوفّرة على المنصّة، يمكننا التحكّم في هذه الخاصية  في وضع التّصميم من خلال رفع ملفات الخطّوط و في وضع  التنفيذ من خلال تعيين إسم ملف خطّ من مجموع الملفات المستوردة.

اثناءالتصميم: إستيراد ملف خطّ جديد عن طريق الرفع

في وضع التنفيذ: تعيين نوع خط جديد من قائمة ملفات الخطوط المستوردة 

الإرتفاع   Height

للتحكّم في  في إرتفاع  الزرّ ، تأخذ هذه الخاصية إحدى القيم  التالية:

  القيمة الإفتراضية(Automatic)،قيمة بالبيكسل(pixel)، نسبة مئوية مقارنة بإرتفاع المكوّن الأب الذي ينتمي إليه(percent)، أو ملأ إرتفاع الأب(Fill parent).

العرض   Width

للتحكّم في  في عرض  الزرّ ، تأخذ هذه الخاصية إحدى القيم  التالية:

  القيمة الإفتراضية(Automatic)،قيمة بالبيكسل(pixel)، نسبة مئوية مقارنة بعرض المكوّن الأب الذي ينتمي إليه(percent)، أو ملأ عرض الأب(Fill parent).

تحديد عرض الزرّ اثناء التصميم

الصورة   Image

لإظهار صورة على الزر، يتطلب ذلك تحميل الصورة على التطبيق أو تعريف رابط  هذه الأخيرة، في حالة ما إذا  تم رفع الصورة على التطبيق يتمّ إبطال خاصيتي لون الخلفية و الشكل.  يمكننا استخدام أي صورة مرفوعة مسبقا بتحديدها من قائمة الصور .

التصميم:  رفع صورة لإظهارها على الزر 

التنفيذ:  تعريف إسم صور لإظهارها على الزرّ

التنفيذ:  إظهار صورة على الزرّ من خلال تعريف رابطها

الشّكل   Shape

   مبدئيّا يأخذ الزرّ شكلاََ مستطيلاََ لحظة إنشائه(arrectangul)، يمكننا تغيير شكله ليصبح مستدير الزوايا(rounded) أو بيضويّا(oval).

   يتمّ تحديد شكل الزرّ في مرحلة التصميم فقط، لا يمكن تعديل قيمة هذه الخاصية في مرحلة التنفيذ، يصبح شكل الزرّ غير مرئي إذا ما تمّ تعيين صورة لتظهر عليه.

تحديد شكل الزرّ في وضع التصميم

   

  
عرض الملاحظات   Show Feedback

   تأخذ هذه الخاصية إحدى القيمتين صحيح True أو خطأ False، إذا كانت القيمة صحيح معيّنة سوف يتم عرض صورة و إظهار ملاحظات مرئية للزرّ.

أثناء التصميم

أثناء التنفيذ

النصّ   Text

النصّ المعروض على الزرّ ، عموما يشير هذا النصّ إلى دور الزر و عمله.

اثناء التصميم

أثناء التنفيذ

محاداة النّص   Text Alignment

   لتحديد محاداة النصّ المعروض على الزرّ أثناء التصميم ، يمكننا محاداة النصّ نحو اليمين ، توسيطه أو محاداته نحو اليسار.  

تحديد محاداة نصّ الزرّ في وضع التصميم

لون النصّ   Text Color

     لون النصّ المعروض على الزرّ .

يمكننا تحديد لون النص خلال التصميم بإختياره من قائمة الألوان المتاحة:

التصميم: تعيين لون النص المعروض على الزرّ

تغييره أثناء التنفيذ من مصفوفة الألوان المتوفرة:

 أو بتعريف لون جديد عبارة عن مزيج من الألوان الأساسية (الأحمر و الأخضر و الأزرق):

مرئي   Visible

إذا كانت القيمة صحيح True محدّدة يكون الزرّ مرئي و العكس صحيح.

أثناء التصميم

أثناء التنفيذ

أحداث  الزرّ   Events:

حدث النقر   Click

عندما يضغط المستعمل على الزرّ ثم يقوم بتحريره.

حدث النقر:عندما يضغط المستعمل على الزرّ ثم يطلقه  يتم تنفيد تعليمات معينة

  

حدث إكتساب التركيز   Got Focus

 عندما يكون اصبع المستخدم فوق الزر ، ما يعني إمكانية النقر.

حدث إكتساب التركيز

حدث تحرير الزرّ   Touch Up

عندما يقوم المستعمل بتحرير الزرّ بعد أن نقر عليه نقراََ طويلاََ.

حدث تحرير الزرّ: عندما يقوم المستعمل بتحرير الزرّ بعد أن نقر عليه نقراََ طويلاََ

حدث النقر طويلاََ   Long Click

عندما يضغط المستعمل على الزرّ و يبقى ضاغطا عليه.

حدث النقر طويلا:عندما يضغط المستعمل على الزرّ و يبقلا ضاغطا عليه  يتم تنفيد تعليمات معينة

حدث فقدان التركيز   Lost Focus

عندما يصبح إصبع المستخدم بعيدًا عن الزر ، ما يعني عدم إمكانية النقر.

حدث فقدان التركيز

حدث الضغط برفق   Touch Down

عندما يضغط المستعمل على الزرّ برفق.

حدث الضغط على الزرّ برفق

شاركه شاركه شاركه

عن ahsdroid

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