Menggunakan Beberapa View Dasar

Di bagian ini kita akan mempelajari beberapa jenis ViewGroups di dalam Android, yaitu:

• Beberapa view dasar / basic views, seperti ‘TextView, ‘EditText’, dan ‘Button’
• Picker views, misalnya ‘TimePicker’ dan ‘DatePicker’
• List views, misalnya ‘ListView’ dan ‘SpinnerView’ untuk menampilkan daftar item
• Specialized fragments, fragment khsusus yang berfungsi untuk melakukan fungsi-fungsi tertentu

Beberapa view dasar selain ‘TextView’ yang sering digunakan di Android antara lain:

• Button – berfungsi untuk membuat tombol yang ditekan
• ImageButton – sama dengan ‘Button’ tetapi ditampilkan dalam bentuk gambar
• EditText – subclass dari ‘TextView’ yang bisa digunakan untuk mengedit teks
• CheckBox – jenis tombol khusus yang hanya memiliki dua status: ‘checked’ atau ‘unchecked’
• RadioGroup dan RadioButton—‘RadioButton’ memiliki dua status: ‘checked’ atau ‘unchecked’. ‘RadioGroup’ digunakan untuk mengelompokkan satu atau lebih ‘RadioButton’, jadi hanya membolehkan satu ‘RadioButton’ untuk di-checked dalam ‘RadioGroup’.
• ToggleButton – untuk menampilkan status ‘checked/unchecked’ dengan menggunakan indikator lampu.

Berikut adalah latihan menggunakan beberapa view dasar tersebut.

1. Kita buat project baru dan kita beri nama “ViewDasar”.

2. Kita modifikasi file layout ‘activity_main.xml’ seperti berikut:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context="id.co.blogspot.diansano.viewdasar.MainActivity">

<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="simpan"
android:id="@+id/btnSimpan"/>

<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Buka"
android:id="@+id/btnBuka"/>

<ImageButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
android:id="@+id/btnImg1"/>

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/txtNama"/>

<CheckBox
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Simpan Otomatis"
android:id="@+id/chkSimpanOtomatis"/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/star"
style="?android:attr/starStyle" />

<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:id="@+id/rdGroup1">

<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Opsi 1"
android:id="@+id/rdb1"/>

<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Opsi 2"
android:id="@+id/rdb2"/>
</RadioGroup>

<ToggleButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/toggle1"/>
</LinearLayout>

3. Kemudian jalankan di emulator dan klik satu demi satu ‘CheckBox’ pertama, kedua, ‘RadioButton’, dan ‘ToggleButton’.

Penjelasan:

• Atribut “match_parent” akan mengatur tinggi atau lebar view sesuai induknya.
• Atribut “wrap_content” akan mengatur tinggi atau lebar view sesuai dengan isinya.
• Atribut “src” akan mengambil gambar yang disimpan di dalam folder “res/drawable”
• Atribut style akan mengatur ‘style’ tampilan selain default, dalam contoh di atas misalnya style=”?android:attr/starStyle”. Format untuk nilai pada atribut style adalah: ?[package:][type:]name
• Atribut “id” adalah identifier untuk diakses oleh method ‘View.findViewById()’ atau ‘Activity.findViewById()’ di dalam kode pemrograman.