RelativeLayout

بسم اله الرحمــن الرحيم:

مرحبا بكم أحبتي،درسنا اليوم سيكون حول عنصر أخر وهو التصميم (أو الحاوية) RelativeLayout.

الطريقة التي يتم بها ترصيص مكون داخل الـ RelativeLayout تكون بالنسبة للعناصر المحيطة به،أي أنه سيتموضع حسب تلك العناصر.

هذه بعض الخاصيات المستعملة :

تموضع المكون بالنسبة للـRelativeLayout :

android:layout_alignParentTop تأخذ القيم true /false ونقصد بها هل نريد أن يوضع الحد العلوي للمكون و الحد العلوي للمكون الذي يحتويه(الأب) في استقامة واحدة.

android:layout_alignParentBottom تأخذ القيم true /false ونقصد بها هل نريد أن يوضع الحد السفلي للمكون و الحد السفلي للمكون الذي يحتويه(الأب) في استقامة واحدة.

 نفس الشيء بالنسبة لandroid:layout_alignParentLeft و android:layout_alignParentRight

تموضع المكون بالنسبة للـمكونات الأخرى : 

قبل تحديد موضع عنصر ما بالنسبة للعناصر الأخرى،لابد أن تكون هذه العناصر معرفة ب id يميز كل واحدة منها،مثلا نريد تحديد موضع مكون ما بالنسبة للعنصر الذي سنعرفه ب android:id=@+id/object :

إذا أردنا أن نضع المكون :

• فوق المكون المعرف نضيف الخاصية التالية للمكون الذي نريد ترصيصه : android:layout_above=@id/object   (بدون "+" لأننا هنا نستعمل الإسم و لا ننشئه)
• تحت المكون android:layout_below=@id/object
• على يسار المكون android:layout_toLeftOf=@id/object
• على يمين المكون android:layout_toٌRightOf=@id/object
• بحيث يكون حده الأعلى في استقامة معى الحد الأعلى للمكون  android:layout_alignTop=@id/object
• نفس الشيء بالنسبة للإستقامة مع الحد السفلي و الأيم و الايسر (left,right,bottom)

الآن وصلنا إلى التطبيق ، سنطبق بعض ما رأيناه في الملف التالي :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/object"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:hint="Some text" />

    <EditText
        android:id="@+id/obj"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@id/object"
        android:hint="Some text" />

    <Button
        android:id="@+id/valid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@id/obj"
        android:layout_below="@id/obj"
        android:text="valid" />

    <Button
        android:id="@+id/cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/valid"
        android:layout_toLeftOf="@id/valid"
        android:text="Cancel" />

</RelativeLayout>

و سنحصل على تصميم يشبه هذا 

هكذا يكون هذا الدرس منتهيا وعلى أمل اللقاء بكم،أستودعكم الله