Subscribe:

Selasa, 09 Juli 2013

Membuat Linier Layout di Android

Apa itu Linier Layout? mungkin itu yang ada dalam pikiran anda saat membaca post ini,linier layout adalah dasar dalam pembuatan aplikasi android,sebagai contoh linier layout lihat gambar 1.1
image
Gambar 1.1
Bagaimana cara membuatnya? Jika anda sudah pernah berlajar XML dan JAVA, pasti sangat mudah. Namun jika belum pernah, jangan khawatir disini akan dijelaskan cara membuat linier layout.Bagi pemula yang belum mengenal JAVA dan XML sebelumnya, saat anda menulis program, abaikan saja makna-makna syntaxnya. Ikuti sesuai perintah pada tutorial dan tulis apa adanya. Ibarat anak kecil yang belum bisa bicara karena tidak tahu bahasanya. Biarkan saja mengalir. Asal Anda  banyak  berlatih,  nanti  anda  akan  tahu  dengan  sendirinya  makna  syntax  dari  bahasa pemrograman.
  1. Jalankan Enclipse, File > New > Android Project
  2. Isikan kotak dialog new seperti berikut
    Project name LayoutLinier
    Contents  Create new project in workspace
    Build Target  Android 2.1
    Application name  Linier Layout
    Package name  Contoh.LayoutLinier
    Create Activity  LayoutLinier
    Min SDK version  7
  3. Pada Package Explorer, pilih LayoutLinier > res > layout > main.xml. (Gambar 1.2)
    image
    Gambar 1.2
  4. Gantilah dengan kode dibawah ini <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1">
            <TextView
                android:background="#aa0000"
                android:gravity="center_horizontal"
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:text="Merah" />
            <TextView
                android:background="#00aa00"
                android:gravity="center_horizontal"
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:text="Hijau" />
            <TextView
                android:background="#0000aa"
                android:gravity="center_horizontal"
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:text="Biru" />
            <TextView
                android:background="#aaaa00"
                android:gravity="center_horizontal"
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:text="Kuning" />    
        </LinearLayout>
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1">
            <TextView
               android:text="Baris Pertama"
               android:textSize="20pt"
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:layout_weight="1" />
            <TextView
               android:text="Baris Kedua"
               android:textSize="20pt"
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:layout_weight="1" />
            <TextView
               android:text="Baris Ketiga"
               android:textSize="20pt"
               android:hint="3"
               android:background="#000aaa"
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:layout_weight="1" />
            <TextView
               android:text="Baris Keempat"
               android:textSize="20pt"
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:layout_weight="1" />
        </LinearLayout>
    </LinearLayout>


  5. Pastikan pada LayoutLinier.java seperti dibawah ini. (Gamabr 1.3)
  6. image
    image
    Gambar 1.3
  7. Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > adnroid Project.
  8. Lihat hasilnya seperti Gambar 1.1

0 komentar:

Posting Komentar