Tutorial Android 2 - Membuat Linear Layout

Tutorial Android - Membuat Linear Layout

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 2.1 berikut.
Tutorial Android - Membuat Linear Layout
Gambar 2.1

Bagaimana cara membuatnya? Jika anda sudah pernah berlajar XML dan JAVA, pasti sangat mudah. Namun jika belum pernah, jangan khawatir. Karena kita akan membahas disini. :D. Bagi pemula yang belum mengenal JAVA dan XML sebelumnya, saat kamu 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 kamu banyak berlatih, nanti kamu akan tahu dengan sendirinya makna syntax dari bahasa pemrograman. Tentunya sering-sering bertanya pada help.

Yuk kita mulai!:D
  • Jalankan Enclipse, File > New > Android Project
  • Isikan kotak dialog new seperti berikut
Project name
LayoutLinier
Contents
Create new project in workspace
Build Target
Android 4.3
Application name
Linier Layout
Package name
contoh.layoutlinier
Create Activity
LayoutLinier
Min SDK version
API 8

  • Pada Package Explorer, pilih LayoutLinier > res > layout > main.xml. (Gambar 2.2) 
  • 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>
Tutorial Android - Membuat Linear Layout

  • Pastikan pada LayoutLinier.java seperti dibawah ini. (Gambar 2.3) 
package contoh.layoutlinier;

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

public class LayoutLinier extends Activity {
 @Override 
 public void onCreate(Bundle savedInstanceState){
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.main); 
 }
}
Tutorial Android - Membuat Linear Layout
Gambar 2.3. 
  • Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > adnroid Project
  • Lihat hasilnya seperti Gambar 3.1




Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments