RelativeLayout

RelativeLayout

1

أول نوع ستجده أفتراضياً في بداية إنشاء المشروع ولها خصائص مميزة عن أي Layout  أخري حيث بتظهر كل ال views مرتبطة ببعضها وبداخل كل view  خصائص لعلاقته بال views الأخري وتظهر بالشكل التالي :-

6

1، 2 بدايتها وهي أكواد خاصة بملف xml لا يجوز تغيرها.

3 ، 4 تحدد عرض وطول Layout  والمقصود match_parent انها تملأ الشاشة ويفضل أستخدامها عن اي قيم أخري.

5، 6 ، 7 ،8 وهي تحدد المسافات الفاصلة ما بين النص والهوامش وهي يميناً يساراً وأعلى وأسفل.

IrKSdوتحدد القيم التي ستسخدم ويفضل فصلها بملف خاص بها ويسمي dimens موجود منذ بداية أنشاء المشروع وهو ملف xml ويبدأ بتاج <resourses>وينتهي ب <resourses/>

ويكتب بالشكل التالي

name وهو اي اسم مثال activity_horizontal_margin

وقيمة دالة عليه وهي الرقم الذي ترغب أن يكون عليه المسافات  16dp

وتكتب داخل التاج بالشكل التالي  

5ويتم أستدعائها بداخل ملف التصميم كالاتي :

9 وهي لتحديد خلفية ال Layout وقد تكون أرقام معبرة عن الألوان

لأستخدام الألوان :

Html_color_chart

أو قد تكون صورة

drawable وهو اسم المجلد الذي يحتوي على صور بالمشروع ويسبق ب@ .

background.png اسم الصورة التي ستستخدم للخلفية .

 10 اسم الأكتفيتي المربوط بها التصميم .

11 وهي Id الخاص بالأكتفتي وهو مهم جداً جدً للتعامل معها داخل الجافا

@ لتحديد أن الجزء التالي في الجملة هو id ليتعامل ملف xml معها على هذا الأساس.

+ تعني أن id ده جديد.

lay هو اسم  ال layout نستخدم أي اسم للتعامل معها في ملف الجافا.

12 وهي نهاية ملف xml  أخر سطر يكتب في الملف المفروض يستخدم بعد أضافة كل views ويكتب بهذا الشكل.

لأضافة ال  views يتم سحبها في الجزء الخاص بالتصميم وعند سحبها تظهر بالشكل االتالي وقد يتم كتابة الاكواد باليد توضع كل ال views المطلوبة على التصميم ويتم ضبطها بالشكل المطلوب :-

2

 يفتح تاج بأسم view كما بالشكل هو textview ويغلق التاج وما بين الفتح والغلق يوجود مجموعة من الخصائص التي تميز هذا ال view سنتعرف عليها كالتالي :-

textview يستخدم لكتابة كلمة او جملة.

1،2 لتحديد عرض وطول هذه الكلمة ويفضل أستخدام wrap_content تأخذ الفراغ عل حسب طول وعرض الكلمة أو الجملة فقط

4 وهي لتحديد ال Id وهي خاصية مهمة جدا جداً من خلالها أقدر أستخدم ال view في ملف الجافا وأتعامل معه.

@ لتحديد أن الجزء التالي في الجملة هو id ليتعامل ملف xml على هذا الأساس.

+ تعني أن id ده جديد.

textview هو اسم Id وهو اي أسم يتم أعطاءه ولابد أن يكون مميز لكل view ليتم أستخدام في ملف الجافا والتعامل معه .

5 لتحديد حجم textview وهي هنا حجم كبير لتظهر الجملة بحجم كبير.

6 وهي لتحديد ما هو ال view id الذي يقع أعلى هذا ال view ويستخدم خصائص للأسفل ويميناً ويساراً ويوضع view id المستخدم كالتالي:-

7 وهي تعني ان اتجاة ال view يساراً وتبدأ من بداية ال layout كما توجد خصائص أخري لتحديد علاقته بال layout أسفل – أخر – يميناً – أعلي وتأخذ كلها قيم أم ture أو false :-

8 وهي لتحديد أن view يبدأ مع بداية ال layout

3 وهي الكلمة أو الجملة التي ستظهر داخل التطبيق ويفضل أن تفصل في ملف خاص بها وتستخدم بهذا الطريقة  ويفضل أن يتم أستخدام هذه الخاصية مع كل ال views في التطبيق :-

4ملف string . xml موجود منذ انشاء المشروع يتم فيه جمع كل المسميات التي يستخدمها التطبيق سواء اسم المشروع أو أي مسميات بالمشروع خاصة بال views

1، 8 وهي عبارة عن بداية التاج ونهايته ولابد أن نتأكد من وجودهم بنفس الشكل كي لا يحدث مشاكل

2، 3 ، 4 ،5 ، 6، 7 وهي الأسماء بالتطبيق الحالي يمكن أستخدام أي عدد من المسميات وتدرج بنفس الطريقة name – value

الاسم hello_world

القيمة Hello world!

تكتب بالملف كالتالي:-

وتستخدم في التصميم كالتالي :-

 

3jpg

 

 

 

يرجي تقييم الموضوع

Facebooktwittergoogle_plusredditpinterestlinkedinmailby feather
The following two tabs change content below.

عهود على

Comments

comments

تعليق وحيد علي “RelativeLayout

  1. Pingback: CheckBox

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *