عناصر التحكم UI Control في الاندرويد

0 527

المقدمة:

السلام عليكم  سنتعلم في الدرس ماهي UI Controls  حيث يوفر لنا الاندرويد مكتبية كبيرة من الـ Ui Controls التي نقوم باضافتها في واجهات تطبيقات الاندرويد Ui android وذلك للسماح للمستخدم بالتعامل مع تطبيقك وادخال البيانات والقيام بالوضائف المختلفة . شرح مفصل لعمل بعض من تلك العناصر UI Controls.

 

وسنتعلم في هذا الدرس مايلي:-

1- ماهي عناصر التحكم UI Controls؟
2- شرح وضائف بعض من عناصر التحكم UI Controls.
3- كيفية الوصول إلى UI Controls.

1- ماهي عناصر التحكم UI Controls؟

عناصر التحكم UI Contrls   أو الـ Views هي عبارة عناصر تفاعلية يتم اضافتها إلى الواجهاتuser interface  الخاصة بتطبيقك كالازرار , مربعات ادخال النص إلخ … الغرض منها هو تفاعل المستخدم مع تطبيقك كإدخال بيانات , عرض بيانات , الخ ..

 

2- شرح وضائف بعض من عناصر التحكم UI Controls.

سنشرح بعض وضائف عناصر التحكم في الاندرويد والتي تجدها في قائمة palette  في بيئة اندرويد استديو android studio  كما في الصورة ادناه:-

 

 

ونبدأـ بشرح وضائف تلك العناصر:-

1-TextView
ويستخدم لعرض النصوص للمستخدم.

2-EditText
ويستخدم مربع نص يستخدم  لادخال البيانات .
ماهي, عناصر التحكم,في الاندرويد

 

3- AutoCompleteTextView
وهو نفس EditText  عدا انه يعرض لك قائمة من اقتراحات الاكمال التلقائي عندما يقوم المستخدم بالكتابة.

 

4-Button 
وهو عبارة عن الزر عندما يقوم المستخدم بالضغط عليه لتنفيذ شي ما .. مثلا تسجيل دخول أو حذف بيانات الخ..

5-CheckBox
صندوق الاختيار وهو يسمح للمستخدم بالاختيار من بين قائمة من الاختيارات على سبيل المثال:-عندما يتم عرض للمستخدم خصائص نص معين فبإمكانك جعل المستخدم يختار خصائص النص مثلا عريض , مائل , الخ . وذلك يكن باستخدم صندوق الاختيار .

 

5- ToggleButton
وهو عبارة عن زر يسمح لك بالتبديل بين حالتين off/on  .
6-RadioButton

ويسمح لك بالاختيار بين حالتين .. اختيار او عدم اختيار .

7-ProgressBar
وهو عبارة عن view  يخبر المستخدم بحدوث شي ما .. كمثال على ذلك عندما تقوم بتحميل ملف من الانترنت فإن عملية التحميل تتم في الخلفية دون علم المستخدم من الافضل إخبار المستخدم أن عملية التحميل جارية الان ويتم ذلك من خلال ProgressBar

 

8-Spinner
 
وهو عبارة عن قائمة drop-down  تسمح للمستخدم باختيار قيمة من بين مجموعة من القيم .

 

9-TimePicker
وهو عبارة عن view  يسمح لك باختيار الوقت .. كما يمكنك ايضا اختيار الوقت في وضع pm/am.

 

10-DatePicker 
 
وهو عبارة عن view  يسمح لك باختيار التاريخ.


3- كيفية الوصول إلى UI Controls.

ذكرنا في الدروس السابقة  ان لكل عنصر على شاشة رقم فريد ID  ويتم استخدام ذلك الرقم الفريد للحصول على اوبجكت من ذلك العنصر  وبذلك يمكن التحكم في خصائصه برمجيا واستخدامه في تطبيقك  بالشكل الذي تريد حيث يتم تخزين الرقم الفريد في الملف R.java الذي وضيفته يربط التصميم بملف الجافا.
يتم الوصول إلى العنصر بتحديد الرقم الفريد له كمايلي:-
1- تحديد الرقم الفريد له ID  في الملف الخاص بالتصميم

2- الوصول إلى الرقم الفريد برمجيا وذلك باستخدام دالة findViewById  كما في الكود ادناه:-

من الكود اعلاه حصلنا على اوبجكت من نوع TextView  ويمكننا الان التحكم في خصائصه.

وهكذا وصلنا إلى نهاية الدرس ..

تعليقات فيس بوك

اضافة تعليق

قد يعجبك ايضا أكثر من مؤلف

Loading...