Android Layout
بشكل بسيط ال Android Layout هي الواجة الظاهرة للمستخدم بما تحتويه من ازرار او قوائم او نصوص ….الخ .
مثال ذلك ال Activity اذ تحتوي كل Activity على ملفين مرتبطين بها :
- xml file : وهذا الملف يحتوي على تصميم الواجهة بما تحتويه من عناصر مثل النصوص والازرار وغيرهم وطريقة عرضهم وترتيبهم بلغة ال xml
والشكل التالي مثال على ال Activity.xml
2. java file : في هذا ال class يحتوي على الاكواد المسؤولة عن تنفيذ الاوامر وربط العناصر الموجود في ال Activity.xml لتنفيذ أوامر معينة.
Layout type
Linear Layout : في هذا النوع يتم ترتيب العناصر بداخله اما عمودي او فقي بحيث تكون العناصر بشكل متسلسل .
Relativ Layout : في هذا النوع تكون لك حرية اختيار تمثيل العناصر بشكل حر في اي مكان في الواجهة و بالترتيب اللذي يناسب تصميمك .
List View : يمكنك ترتيب العناصر على شكل قائمة scrolling .
Grid View : يمكنك ترتيب العناصر على شكل قوائم scrolling ثنائية الابعاد .
Layout Attributes
لكل Layout مجموعة من من الخصائص مهمة في تعريف العناصر و تمكنك من ترتيب العناصر بشكل افضل .
- android:id : هو عبارة عن id يعطى لكل عنصر لتمييزه .
- android:layout_width : هو عبارة عن العرض للواجهة layout .
- android:layout_height : هو عبارة عن الطول للواجهة layout .
- android:layout_marginTop : يستخدم لزيادة المساحة من الاعلى – extra space .
- android:layout_marginBotto : يستخدم لزيادة المساحة من الاسفل – extra space .
- android:layout_marginLeft : يستخدم لزيادة المساحة من اليسار – extra space .
- android:layout_marginRight : يستخدم لزيادة المساحة من اليمين – extra space .
- android:layout_gravity : يستخدم لتحديد مكان العنصر اما في الوسط او الوسط العمودي او الوسط العرضي .
- android:paddingRight : يستخدم لإزاحة العنصر من اليمين .
- android:paddingTop : يستخدم ل لإزاحة العنصر من الاعلى .
- android:paddingBottom : يستخدم لإزاحة العنصر من الاسفل .
- android:paddingLeft : يستخدم لإزاحة العنصرمن اليسار .
*في ال width & hight : اذا اردنا ان يكون طول او عرض العنصر على كامل الصفحة يعطى قيمة match_parent اما اذا أردنا ان يكون الطول او العرض على مساحته الطبيعية default يعطى قيمة wrap_content .
View Identification
عند اعطاء العنصر id خاص به يكون بهذه الطريقة
“android:id=”@+id/my_button
وعند ربط هذا العنصر داخل كلاس الجافا يمثل بهذا الشكل
;(Button myButton = (Button) findViewById(R.id.my_button
