5. Android Layouts

Android provides a very flexible way to display layouts using XML-based layouts. This helps us create apps while keeping the layout and logic completely separate. This makes it very easy for us to change the layout even after the application is written, without having any changes in the programming logic.

• AbsoluteLayout - In absolute layout, we can specify the exact coordinates of each control that we want to place. In absolute layout, we will give the exact X and Y coordinates of each control.
• FrameLayout - Frame layout is used when you want to show one item on each screen. Using frame layout, we can have multiple items, but they will be overlapping and only only displaying themselves one at a time.
• LinearLayout - Linear Layout is used to place one element on each line. So, all the elements will be place in an orderly top-to-bottom fashion. This is a very widely-used layout for creating forms on Android.
• RelativeLayout - Using relative layout, we can specify the position of the elements in relation to other elements, or in relation to the parent container.
• TableLayout - Using table layout, we create a table with rows and columns and place elements within them. In each row, you can specify one or more elements.

For Ex.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  xmlns:app="http://schemas.android.com/apk/res-auto"

  xmlns:tools="http://schemas.android.com/tools"

  android:layout_width="match_parent"

  android:layout_height="match_parent"

  android:orientation="vertical"

  android:background="@android:color/holo_orange_dark"

  tools:context="tutorial.android.sachin4droid.androidtutorials.MainActivity">

  <TextView

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:text="Hello World123!"

      android:textColor="@color/colorPrimaryDark"

      android:textSize="30dp"

      android:textStyle="bold"

      android:id="@+id/textView" />

  <TextView

      android:id="@+id/textView2"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:textColor="@color/colorAccent"

      android:textSize="30dp"

      android:textStyle="italic"

      android:text="TextView2" />

  <TextView

      android:id="@+id/textView3"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:text="TextView3" />

</LinearLayout>