سلسلة تعليم برمجة تطبيقات الأندرويد (الدرس السابع عشر)

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

الدرس السابع عشر

بعد أن أنهينا أول تطبيق لنا في عالم الأندرويد وتعلمنا خلاله الكثير من المعلومات المهمة التي لابد منها عند تصميم أي تطبيق أندرويد مهما كانت فكرته، سننتقل اليوم إلى تعلم تفاصيل جديدة مهمة جداً وأنتم بحاجة لها في أي تطبيق مستقبلي أيضاً، فهل أنتم متحمسون؟! إن كان الجواب نعم فهي بنا نواصل رحلتنا في عالم برمجة تطبيقات الأندرويد ...

لنذهب إلى برنامج أندرويد استديو ولنقم بإنشاء تطبيق جديد كما تعلمنا في الدروس السابقة ولنقم بتسميته ExampleApp وسنطبق ضمنه كل ما سنتعلمه من الآن وصاعداً، وبعد إنشاء التطبيق لننتقل إلى الواجهة الرئيسية (ونقصد هنا main_activity.xml) ولنقم بسحب عنصر TextView من الجزء Palette كما اعتدنا في الدروس السابقة ولنكتب ضمنه عبارة "This is a test" كما هو موضح في الصورة التالية:

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

لنذهب إلى جزء الكود من الخيار Text كما هو واضح في الصورة التالية:

سنستخدم المصطلح "وسم" للدلالة على العناصر الموجودة في الواجهة ففي الكود السابق لدينا الوسم <TextView> الذي يمثل عنصر علامة التسمية وبالتالي تتعامل لغة XML مع العناصر الموجودة في أي واجهة وفق المكون الأساسي المسمى "وسم" والذي يمثل العنصر وبالتالي لكل عنصر من العناصر وسم مقابل له في الكود البرمجي (يسمى بالإنجليزية Tag).

لننتقل إلى المصطلح التالي الذي سنتعامل معه وهو المصطلح "خاصية" وتسمى باللغة الإنجليزية Attribute وتعني أن هذا العنصر يتمتع بمواصفة معينة أو مجموعة مواصفات، وليكون الأمر أكثر وضوحاً سنعبر عن ذلك بمثال فنحن نعرف أن لكل عنصر مميز أو معرف نسميه id وبالتالي android:id تسمى خاصية وما هو مكتوب بعد إشارة = يسمى القيمة (بالإنجليزية value) وفي مثالنا السابق القيمة هي "@id/textView" إذا المعادلة أصبحت واضحة جداً وسنصيغها ببساطة كما يلي:

"لكل عنصر وسم يسمى Tag ومجموعة من الخواص تسمى Attributes والتي لكل منها قيمة محددة Value"

والأن لنفترض أننا نريد أن نغير حجم الخط لعنصر TextView فإننا بحاجة إلى إضافة خاصية تمثل حجم الخط (وكنا قد تعلمنا القيام بذلك عن طريق الخواص Properties للعنصر) وهذه الخاصية هي كما يلي:

android:textSize="20pt"

الخاصية textSize هي خاصية تدل على حجم الخط ولاحظوا أن كل الخواص تبدأ بالكلمة android وبعدها معامل الوصول (الذي يمثل بالرمز:) ولهذه الخاصية قيمة نختارها كما نشاء فكلما كانت هذه القيمة أكبر كلما كان شكل الخط بحجم اكبر كما هو واضح في الصورة التالية (بعد تطبيق القيمة 20pt):

والآن سنضيف خاصية أخرى للعنصر السابق وهي الخاصية marginLeft وتعني البعد عن الحافة اليسرى للشاشة وهي تكتب كما يلي:

android:layout_marginLeft="40dp"

وبعد تطبيق الخاصية السابقة على العنصر بإعطائها رقم يمثل البعد المطلوب (كلما كان الرقم أكبر كلما كان البعد عن الحافة اليسرى أكبر) نلاحظ أن تموضع العنصر أصبح بالشكل التالي:

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