usahawan-maju | Membuat Android Layout
Pada dasarnya yang perlukita lakukan saat membuat layout adalah kita membuat tampilan user interface yang akan digunakan oleh user atau pemakai. Semakin menarik tampilan yang kita pakai dan memudahkan dalam tujuan pembuatan aplikasi yang membantu kerja user, akan semakin sering pastinya aplikasi kita digunakan oleh konsumen.
Tampilan layout sendiri juga bisa menggambarkan ringkas atau tidaknya aplikasi itu dibuat. Jika layout yang dihasilkan berputar-putar maka hanya akan membuang buang memori dan hanya memperbesar file size aplikasi yang dihasilkan.
Berikut sedikit cara membuat tampilan layout sebagai dasar belajar android yang mungkin bisa sedikit membantu anda. Buat file dengan nama android.xml pada root res/layout dan isikan script berikut :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!-- Ini perbaris -->
<TextView />
<TextView />
<EditText />
<Button />
<RadioGroup >
<RadioButton />
<RadioButton />
</RadioGroup>
<!-- Membuat Table Layout -->
<TableLayout >
<TableRow >
<TextView />
<TextView />
</TableRow>
<TableRow >
<EditText />
<Button />
<Button />
</TableRow>
</TableLayout>
</LinearLayout>
ubah pada blok-blok yang kita buat diatas menjadi sebagai berikut agar bisa dijalankan dengan baik :
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!-- Ini perbaris -->
<TextView android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="baris satu"/>
<TextView android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="baris dua"/>
<EditText android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="baris edit text"/>
<Button android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="baris tombol" />
<RadioGroup android:layout_width="match_parent"
android:layout_height="wrap_content">
<RadioButton android:layout_width="match_parent"
android:layout_height="wrap_content" />
<RadioButton android:layout_width="match_parent"
android:layout_height="wrap_content" />
</RadioGroup>
<!-- Membuat Table Layout -->
<TableLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="40px" >
<TableRow android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="baris1 colom 1"/>
<TextView android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="baris1 colom 2"/>
</TableRow>
<TableRow android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="br2 col1"/>
<Button android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="br2 col2" />
<Button android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="br2 col3"/>
</TableRow>
</TableLayout>
</LinearLayout>
Hasil layout dari script XML yang kita buat adalah sebagai berikut :
Untuk memaham kegunaan masing-masing folder yang terbuat otomatis pada projek android dengan eclipse bisa baca keterangannya disini
