Belajar Android Studio 1.2 : Relative ManajerRelative Layout mengatur posisi secara relatif berdasarkan posisi widget yang lain atau parentnya. Layout ini dapat disebut sebagai layout yang paling rumit. Karena kita harus benar-benar paham fungsi-fungsi dari properti yang dimilikinya.

Berikut ini akan ditunjukan cara membuat Relative Layout :

  • Pertama Klik File -> New, lalu klik Android Application Project.
  • Isikan kotak dialog new seperti berikut
Project name RelativeLayout
Build target Android 2.2
Application name RelativeLayout
Package name Com.example.relativelayout
Create activity MembuatRelativeLayout
Min SDK version 8
  • Setelah membuat projectnya lalu atur tampilan projectnya dengan cara klik kanan pilih Change Layout lalu pilih relative layout.
Randd Soft : Belajar Android Studio
Randd Soft : Belajar Android Studio
  • Buka atau klik main.xml, lalu masukan kode program berikut :
<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/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ENTER" /> // text pada widget

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1" //posisi urut kiri widget
        android:layout_below="@+id/button1"
        android:layout_marginTop="22dp" //posisi android berdasarkan margin atas
        android:text="MENU 1" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_alignParentRight="true" //posisi urut kanan widget
        android:ems="10" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/editText1"
        android:layout_marginTop="34dp" //posisi android berdasarkan margin atas
        android:text="MENU 2" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView2"
        android:layout_alignBottom="@+id/textView2"
        android:layout_toRightOf="@+id/button1"
        android:ems="10" />

</RelativeLayout>
  • Pada baris ke 1 sampai 9 merupakan script XML yang menunjukan bahwa tampilan tersebut adalah relative layout. Disini berikan satu button di kiri atas dengan menggunakan text “ENTER”. Pada baris berikutnya terdaoat berikan text view dan edit text yang dapat diisi oleh user.
Randd Soft : Belajar Android Studio

Baca Juga :

Randd Soft : Belajar Android Studio