Android Relative Layout Example | Relative Layout code with Example | Relativelayout demo in android

Android Relative layout:   Basically android have 5 types of layouts, we will discuss them one by one with examples-

1) LinearLayout

2)RelativeLayout

3)TableLayout

4)Framelayout

5)AbsoluteLayout

Here I am Introducing to Relative Layout:

As its name is Relative means each views are related to each other. Like a button is below of first button or right of second button. That called relation between views.

<RelativeLayout 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"

    android:orientation="vertical"

    tools:context=".MainActivity" >

    <Button

        android:id="@+id/buttone1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:padding="5dp"

        android:text="Button1" />

    <Button

        android:id="@+id/buttone2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/buttone1"

        android:layout_marginTop="15dp"

        android:padding="5dp"

        android:text="Button2" />

    <Button

        android:id="@+id/buttone3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/buttone1"

        android:layout_marginLeft="15dp"

        android:layout_marginTop="15dp"

        android:layout_toRightOf="@+id/buttone2"

        android:padding="5dp"

        android:text="Button3" />

    <Button

        android:id="@+id/buttone4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentRight="true"

        android:layout_below="@+id/buttone2"

        android:layout_marginRight="10dp"

        android:layout_marginTop="25dp"

        android:padding="5dp"

        android:text="Button4" />

    <Button

        android:id="@+id/buttone5"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_below="@+id/buttone4"

        android:layout_marginLeft="15dp"

        android:layout_marginTop="50dp"

        android:padding="5dp"

        android:text="Button5" />

    <Button

        android:id="@+id/buttone6"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:layout_centerVertical="true"

        android:text="Button6" />

    <Button

        android:id="@+id/buttone7"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"

        android:padding="5dp"

        android:text="Button7" />

</RelativeLayout>

And use this MainActivity class to display your views-

package com.androidhub4you.relativelayout;

import android.app.Activity;

import android.os.Bundle;

public class MainActivity extends Activity {

       @Override

       protected void onCreate(Bundle savedInstanceState) {

              super.onCreate(savedInstanceState);

              setContentView(R.layout.activity_main);

       }

}

Download zip code

Your comments and feedback are awaited!

Thank You!