Relative Layout

Sebelum membuat project silahkan Anda jalankan emulatornya terlebih dahulu dengan cara pilih Window --> Android Virtual Device Manager. Jika Anda belum mempunyai simulator silahkan dibuat terlebih dahulu klik New, untuk device pilih yang Nexus S dan target pilih yang Android 4.2.2 untuk type Jelly Bean. Jika sudah ada langsung pilih simulatornya lalu klik Start --> Launch.

Buat new project dengan cara klik File --> New --> Android Application Project. Beri nama projectnya dengan “RelativeLayout” dan ganti Package Name dibagian “example.com” --> Next.

Langsung klik Next.

Silahkan design untuk tampilan icon aplikasinya lalu klik Next.

Pilih Blank Activity lalu klik Next.

Klik Finish.

Masuk ke activity_main.xml dan tuliskan coding seperti di bawah ini.

<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:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

    <Button

        android:id="@+id/btn1"

        android:text="View 1"

        android:width="120dp"

        android:height="75dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        />

    <Button

        android:id="@+id/btn2"

        android:text="View 2"

        android:width="180dp"

        android:height="150dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@id/btn1"

        />

    <Button

        android:id="@+id/btn3"

        android:text="View 3"

        android:width="120dp"

        android:height="75dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@id/btn1"

        />

    <Button

        android:id="@+id/btn4"

        android:text="View 4"

        android:width="300dp"

        android:height="75dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@id/btn2"

        />

    <Button

        android:id="@+id/btn5"

        android:text="View 5"

        android:width="180dp"

        android:height="150dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@id/btn4"

        />

    <Button

        android:id="@+id/btn6"

        android:text="View 6"

        android:width="120dp"

        android:height="75dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@id/btn5"

        android:layout_below="@id/btn4"

        />

    <Button

        android:id="@+id/btn7"

        android:text="View 7"

        android:width="120dp"

        android:height="75dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@id/btn5"

        android:layout_below="@id/btn6"

        />

</RelativeLayout>

Check hasilnya pada Graphical Layout, dan tampilannya akan menjadi seperti gambar di bawah ini.

Jika sudah selesai coba Anda jalankan aplikasinya di Run Configuration.

Lihat hasilnya pada simulator Anda. 

Selamat mencoba :)