LAYOUT IN ANDROID

https://www.androidhive.info/2011/07/android-layouts-linear-layout-relative-layout-and-table-layout/

1. Linear Layout
2. Relative Layout
3. Table Layout
4. Grid View
5. Tab Layout
6. List View

1. Linear Layout

In a linear layout, like the name suggests, all the elements are displayed in a linear fashion(below is an example of the linear layouts), either Horizontally or Vertically and this behavior is set in android:orientation which is an attribute of the node LinearLayout.

Example of Vertical layout snippet

<LinearLayout android:orientation="vertical"> .... </LinearLayout>
Example of Horizontal layout snippet

<LinearLayout android:orientation="horizontal"> .... </LinearLayout>
Android Layout

2. Relative Layout

In a relative layout every element arranges itself relative to other elements or a parent element.
As an example, lets consider the layout defined below. The “Cancel” button is placed relatively, to the right of the “Login” button parallely. Here is the code snippet that achieves the mentioned alignment (Right of Login button parallely)

Example code snippet

<Button android:id="@+id/btnLogin" ..></Button>

<Button android:layout_toRightOf="@id/btnLogin"
            android:layout_alignTop="@id/btnLogin" ..></Button>

3. Table Layout

Table layouts in Android works in the same way HTML table layouts work. You can divide your layouts into rows and columns. Its very easy to understand. The image below should give you an idea.

Table layout

<!-- Row 2 with 3 columns -->

    <TableRow 

        android:id="@+id/tableRow1" 

        android:layout_height="wrap_content" 

        android:layout_width="match_parent">  

        <TextView 

            android:id="@+id/TextView04" android:text="Row 2 column 1"

            android:layout_weight="1" android:background="#dcdcdc"

            android:textColor="#000000"

            android:padding="20dip" android:gravity="center"/>  

        <TextView 

            android:id="@+id/TextView04" android:text="Row 2 column 2"

            android:layout_weight="1" android:background="#d3d3d3"

            android:textColor="#000000"

            android:padding="20dip" android:gravity="center"/>

        <TextView 

            android:id="@+id/TextView04" android:text="Row 2 column 3"

            android:layout_weight="1" android:background="#cac9c9"

            android:textColor="#000000"

            android:padding="20dip" android:gravity="center"/>

    </TableRow>