Membuat Aplikasi Android Relative Layout

Membuat Aplikasi Android Relative Layout - Kali ini kita akan belajar mengubah sedikit tampilan aplikasi android dari sebelumnya dengan menggunakan Relative Layout.

Baca juga : Membuat Aplikasi Android Form Login

Buat Sebuah Project Baru

Sebelum anda memulai membuat project, apa bila anda baru memulai membuat aplikasi android dan belum menginstal software yang diperlukan harap di instal terlebih dahulu, untuk cara penginstalan software yang di butuhkan baca di sini Cara Instalasi Package Untuk Membuat Aplikasi Android.

Untuk langkah - langkah membuat project baru lihat disini Cara Membuat Aplikasi Android Hello Word.

Buatlah project dengan property seperti ini :

Project Name          : UIcoding3

Build Target             : Android 2.3

Application name     : uicoding3

Package name         : com.wilis.uicoding3

Activity                    : uicoding3

Min SDK                : 9

1. uicoding3.java

ubahlah file uicoding3.java menjadi seperti ini :

package com.wilis.uicoding3;

import android.app.Activity;
import android.os.Bundle;

public class uicoding3 extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

2. main.xml

Ubahlah file main.xml menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
 android:id="@+id/EL01"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Element one"

    />
<textview  
 android:id="@+id/EL02"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Element two"
    android:layout_toRightOf="@+id/EL03"
    />
<textview 
 android:id="@+id/EL03"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Element three"
    android:layout_below="@+id/EL01"
    />

</RelativeLayout>

Dalam file main.xml ini peritah untuk menampilkan di layar menggunakan layout_below (di bawah) dan layout_toRighOf (di sebelah kanan). selain kedua layout di atas sebenarnya masih ada banyak layout yang lain, yaitu :

android : layout_above
android : layout_alignBaseline
android : layout_alignBottom
android : layout_alignLeft
android : layout_alignParentBottom
android : layout_alignParentLeft
android : layout_alignParentRight
android : layout_ alignParentTop
android : layout_alignRight
android : layout_alignTop
android : layout_alignWithParentIfMissing
android : layout_centerHorizontal
android : layout_centerInparent
android : layout_centerVertical
android : layout_toLeftOf

anda dapat mencobanya sendiri dengan menganti - ganti script di atas.

3. string.xml

Ubah file string.xml menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, uicoding3!</string>
    <string name="app_name">uicoding3</string>
</resources>

Apa bila aplikasi ini anda jalankan maka hasilnya akan seperti gambar di atas.

Sumber :  Pemograman Aplikasi Mobile Smartphone dan tablet PC Berbasic Android Penerbit Informatika, Bandung, 2012 By : Nazruddin Safaat.

Aplikasi Android Relative Layout anda sekarang sudah selesai, baca juga tutorial membuat aplikasi android lainnya.