Tutorial Linear Layout pada Pemrograman Android

Kita masih belajar di tingkat dasar pemrograman java untuk membangun aplikasi berbasis Android. Pada tutorial ini, kita akan membuat layout linier. Seperti apa sih? Hhmm... coba lihat gambar 3.1 berikut.

Untuk cara membuat Linear Layout seperti diatas langsung aja kita ke syntax nya .

1. Jalankan Enclipse, File > New > Android Project

2. Isikan kotak dialog new seperti berikut :

Project name	LayoutLinier
Contents	Create new Project in workspace
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 3.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:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent">

<LinearLayout 
android:orientation="horizontal" 
android:layout_width="fill_parent"
android:layout_height="fill_parent" 
android:layout_weight="1">

<TextView 
android:text="Merah" 
android:gravity="center_horizontal" 
android:background="#aa0000" 
android:layout_height="fill_parent" 
android:layout_weight="1"
android:layout_width="wrap_content"/>

<TextView
android:text="Hijau" 
android:gravity="center_horizontal"
android:background="#00aa00"
android:layout_width="wrap_content"
android:layout_height="fill_parent" 
android:layout_weight="1"/>

<TextView 
android:text="Biru" 
android:gravity="center_horizontal" 
android:background="#0000aa"
android:layout_width="wrap_content"
android:layout_height="fill_parent" 
android:layout_weight="1"/>

<TextView 
android:text="Kuning" 
android:gravity="center_horizontal"
android:background="#aaaa00"
android:layout_width="wrap_content" 
android:layout_height="fill_parent" 
android:layout_weight="1"/> 
</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="15pt" 
android:layout_width="fill_parent"
android:layout_height="wrap_content" 
android:layout_weight="1"/>

<TextView 
android:text="Baris kedua" 
android:textSize="15pt" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_weight="1"/>

<TextView 
android:text="Baris ketiga" 
android:textSize="15pt"
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_weight="1"/>

<TextView 
android:text="Baris ke empat" 
android:textSize="15pt" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_weight="1"/>

</LinearLayout>

</LinearLayout>

\

5. Pastikan pada LayoutLinier.java seperti dibawah ini. (Gambar 3.3)

package contoh.LayoutLinier;

import android.app.Activity;

import android.os.Bundle;

public class LayoutLinier extends Activity {

           /** Called when the activity is first created. */

          @Override

          public void onCreate(Bundle savedInstanceState) {

                  super.onCreate(savedInstanceState);

                  setContentView(R.layout.main);

          }

}

6. Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > adnroid       Project.

7. Lihat hasilnya seperti Gambar 3.1

Nah selesai sudah kita membahas Tutorial Linier Layout pada Pemrograman Android  .

Sampai jumpa di Tutorial selanjutnya sobat :) .

Sumber : OmAyib.com

Posted in: android