Pengantar

Bismillahirrahmanirrahim ..
Puji syukur alhamdulillah saya panjatkan kehadirat Allah SWT yang telah melimpahkan
rahmat, taufiq serta hidayah-Nya. Dan sholawat serta salam saya tetap curah limpahkan ke
junjungan nabi Muhammad SAW.
Ebook ini merupakan tulisan pertama saya tentang Pemrograman Android. Ebook ini saya
buat dengan tujuan sebagai catatan untuk saya sendiri dan untuk berbagi kepada semua
temen-temen yang sedang memulai belajar pemrograman android seperti saya ini.
Dalam ebook ini berisi tentang layout pada pemrograman android. Sebenarnya ebook ini
saya buat setelah saya mempraktekkan video tutorial tentang Layout yang dibuat oleh Luh Putu
Prapita yang saya temukan di youtube. Terima Kasih kepada Luh Putu Prapita telah membuat video
tutorial tentang Layout sehingga memudahkan saya dalam memulai belajar pemrograman android.
Saya berharap ebook ini bisa memberi manfaat kepada saya dan juga kepada seluruh
teman-teman dan khalayak ramai yang membaca ebook ini.

Isi Ebook
Ebook ini hanya membahas tentang layout. Layout yang dibahas pada ebook ini adalah :
- Liner Layout
- Relative Layout
- Absolut Layout
- Table Layout

Tool Yang Dibutuhkan

Untuk bisa mempraktekkan isi dari ebook ini, anda membutuhkan tool/alat yang bisa
digunakan untuk membuat applikasi android yaitu Eclipse IDE atau yang lainnya, ADT dan SDK.
Tool yang saya gunakan seperti berikut :
Linux Mint 16 XFCE (OS)
Eclipse IDE 4.2 Kepler
Android SDK_r22.3
ADT
Disini saya tidak menjelaskan langkah-langkah instalasi semua tool tersebut. Dan juga saya
tidak menjelaskan bagaimana cara membuat project. Anda bisa temukan cara itu semua di
internet dengan mudah. Disini saya hanya memberikan inteface dan source codenya.
Pengenalan
Unit dasar dari sebuah applikasi android adalah activity. Activity ini berfungsi untuk
menampilkan user interface (UI) yang didalamnya bisa berisi beberapa widget seperti TextView,
Button, EditText dan lain-lain. Dalam satu applikasi android, bisa terdapat lebih dari satu activity
tergantung sang programmer ingin memberi berapa activity.

Layout Pada Pemrograman Android

A. Linear Layout
Pada Linear Layout suatu activity dianggap satu baris dan satu colum. Sehingga ketika kita
menambahkan widget akan diletakkan secara berurutan sesuai dengan orientasi linear layout.
Orientasi linear layout bisa vertikal dan bisa horizontal. Untuk lebih jelasnya mari kita bahas
satu-satu.
a. Linear Layout Vertikal
Seperti yang sudah dijelaskan diatas bahwasanya widget yang kita tambahkan pada linear
layout akan diletakkan secara berurutan karena linear layout dianggap satu baris dan satu
colum. Pada linear layout vertikal, widget yang kita tambahkan akan diurutkan dari atas
kebawah. Silahkan perhatikan gambar dibawah ini :

Pada gambar diatas, terdapat 5 widget yaitu TextView, dua EditText dan dua Button. Kelima
widget tersebut disusun secara vertikal. Untuk membuat seperti gambar diatas, silahkan
ketikkan code program berikut :

Untuk lebih jelasnya silahkan anda tambahkan widget lain. Dan perhatikan letak widget yang
anda tambahkan.

b. Linear Layout Horizontal

Linear layout horizontal merupakan kebalikan dari linear layout vertikal. Pada linear layout
horizontal ini, widget yang kita tambahkan akan diurutkan dari kiri ke kanan. Silahkan
perhatikan gambar dibawah ini :
Pada gambar diatas saya menambahkan 3 widget Button, yang mana 3 widget button tersebut
diurutkan secara horizontal dari kiri ke kanan karena orientasi yang digunakan pada linear
layout adalah horizontal. Untuk membuat seperti pada gambar diatas, silahkan ketikkan code
program berikut :

Silahkan tambahkan widget lagi dan perhatikan letak widget yang anda tambahkan.
B. Relative Layout
Relative Layout sangat berbeda dengan dengan linear layout. Pada relative layout kita bisa
mengatur tata letak dari sebuah widget berdasarkan pada widget yang lain. Silahkan perhatikan
gambar dibawah ini :

Pada gambar diatas terdapat 4 widget. 2 widget EditText dan 2 widget Button. Widget EditText
password diletakkan di bawah widget EditText User Name, widget Button Cancel di letakkan
dibawah widget password dan disebelah kanan. Sedangkan widget button Login di letakkan
dibawah EditText password dan disebelah kiri button Cancel. Jadi, pada relative layout ini kita
mengatur tata letak suatu widget berdasarkan pada widget yang lain. Untuk membuat seperti
gambar diatas, silahkan ketikkan kode program berikut :
 Silahkan anda modifikasi code diatas agar anda bisa lebih memahaminya. Dan silahkan anda
tambahkan widget lain dan silahkan atur tata letaknya sesuai dengan yang anda inginkan.

C. Absolut Layout
Pada Relative Layout ini kita mengatur tata letak sebuah widget berdasarkan koordinat x dan y.
Silahkan perhatikan gambar dibawah ini :
 Widget-widget diatas diatur berdasrkan koordinat x dan y. Untuk lebih jelasnya silahkan anda
ketikkan dan jalankan code program berikut :

Silahkan anda modifikasi code diatas dan silahkan tambahkan widget lain dan atur sesuai
koordinat x dan y seperti yang anda inginkan.

D. Table Layout
Table Layout berbeda dengan Linear Layout. Kalau di Linear Layout suatu activity dianggap
satu baris dan satu colum. Tapi kalau di table layout kita bisa mendefinisikan beberapa baris
dan beberapa colum. Silahkan perhatikan gambar dibawah ini :
Pada gambar diatas mungkin cuma terlihat ada 5 widget. Tapi sebenarnya pada gambar diatas
terdapat 6 widget. Karena sebelum widget button Submit ada 1 widget TextView yang kosong.
Kenapa masih diberi 1 widget TextView kosong? Karena kalau tidak dikasih TextView kosong
tampilannya akan seperti pada gambar berikut :
Jadi sebenarnya TextView kosong tersebut hanya digunakan sebagai manipulasi tampilan agar
terlihat lebih rapi dan indah. Biar anda lebih paham, silahkan anda ketikkan dan jalankan code
program berikut :
 Perlu anda perhatikan bahwasanya setiap kita ingin menambahkan widget pada table layout
kita harus menambahkan TableRow terlebih dahulu. Setelah itu, baru anda tambahkan widget
yang lain didalam widget TableRow sehingga dalam TableRow ini terbentuk beberapa field
yang terlihat seperti colum. Silahkan anda modifikasi code program diatas dan silahkan
tambahkan widget lagi sehingga anda bisa lebih memahaminya.

Penutup
Sekian dari saya semoga ebook ini bisa membantu dan bisa menjadi referensi kita dalam
memulai belajar pemrogrman android. Semoga saya bisa membuat ebook-ebook selanjutnya
meskipun isi dari ebooknya sangat sederhana. Kritik dan saran dari para pembaca sangat saya
harapakan demi memperbaiki kekurangan-kekurangan yang ada. Kriti dan saran dapat anda kirim
melalui contact saya.

Contact :
Email : Rhosy.18@gmail.com
Blog : http://rhosy18.blogspot.com/
HP : 081939398271
Facebook : http://facebook.com/rhosytux