شرح LinearLayout

الموضوع: LinearLayout

المحاور: التعرف على أداة LinearLayout بقسميها العمودي والأفقي (vertical & horizontal)، وأشهر خواصهما.

LinearLayout :

تعتبر حاوية لمجموعة من الأدوات كالأزرار والحقول، أو بشكل أدق هي أداة لتنظيم مجموعة من الأدوات التي بداخلها بإتجاه واحد، عمودياً او افقياً.

    1. العمودية vertical:

يتم فيها محازاة جميع العناصر التي بداخلها بشكل عمودي ويتم تحديدها عبر خاصية orientation :

android:orientation="vertical"
  • مثال :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <Button
    android:text="Button1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/button1" />
  <Button
    android:text="Button2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/button2" />
  <Button
    android:text="Button3"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/button3" />
</LinearLayout>
  • النتيجة :

 

    2. الأفقية horizontal :

على عكس السابقة يتم فيها محازاة جميع العناصر التي بداخلها بشكل أفقي ويتم تحديدها عبر خاصية orientation :

android:orientation="horizontal"
  • مثال على ذلك:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <Button
    android:text="Button1"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:id="@+id/button1" />
  <Button
    android:text="Button2"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:id="@+id/button2" />
  <Button
    android:text="Button3"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:id="@+id/button3" />
</LinearLayout>
  • النتيجة :

 

 

نهاية الدرس 🙂 لا تنسونا من صالح الدعاء

 

اترك تعليقاً

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