LinearLayout المكون

بسم الله الرحمــن الرحيم : السلام عليكم ورحمة الله و بركاته.

في هذا الدرس سنرى ،إن شاء الله، التصميم LinearLayout و كيفية استخدامه و بعض خصائصه.

 التصميم LinearLayout هو مكون يقوم بترصيص المكونات الأخرى داخله بطريقة خطية، أي إما أفقيا أو عموديا.والخاصية "orientation" هي التي تحدد بأي كيفية سيتم الترصيص.وهذه الخاصية تأخذ القيمتين "vertical" أي عموديا أو "horizontal" أي أفقيا.

 سنرى في هذا الدرس مثالا ندرج فيه الحالتين:ننشئ مشروعا جديدا نسميه LinearLayoutExample ، وما يهمنا هو ملف تصميم التطبيق و سنجعله كما يلي:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical" >
    
    <TextView 
        android:text="some text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <EditText 
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:text="Edit text"/>
    <Button 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button"/>
    
</LinearLayout>

الLinearLayout يضم هنا ثلاث عناصر نسميها "أبناء" أو children و يقوم بترصيصها حسب قيمة الخاصية orientation، هنا سيتم ذالك عموديا:أي سيضع المكون الأول في الأعلى ثم التالي تحته ثم الموالي تحته....

 عند معاينة ملف ال xml  عن طريق Graphical Layout ستشاهدون ما يلي :

تلاحظون أن المكونات تم ترصيصها بطريقة عمودية ، ولكي يتم ترصيصها بطريقة عمودية يكفي أن نغير الخاصية orientation في LinearLayout  و نحصل على ترصيص أفقي لكل العناصر.

هكذا نكون قد أعطينا فكرة عن كيفية استخدام  LinearLayout وهي بسيطة جدا.