PENGENALAN BEBERAPA KOMPONEN UI PADA ANDROID STUDIO (Spinner, Switch On/Off, ProgressBar, SeekBar, RatingBar dan ScrollView)
Minna, konichiwa
Semoga
kalian bahagia dan sehat selalu. Pada kesempatan kali ini saya akan berbagi
ilmu tentang pemrograman aplikasi bergerak menggunakan aplikasi Android Studio,
lagi. Masih tentang pengenalan komponen UI pada Android Studio, saya akan coba
memaparkan tentang beberapa komponen berupa Spinner, Switch
On/Off, ProgressBar, SeekBar, RatingBar dan ScrollView. Yosh langsung saja ke
pembahasan. Bismillah.
Pertama,
aplikasi IDE Android Studio seperti biasa :
Jalankan
Aplikasi Android Studio > Create New Android Studio Project > pilih
template Empty Acticity > Next
Configure your project
Name
: TugasModul4 (misal)
Package
name : murasakimars.blogspot.com.tugasmodul4 (misal)
Save
location : sesuaikan dengan yang kalian inginkan
Language
: Java
Minimun
API level : API 16 > klik Finish
Tunggu proses download selesai, Maka tampilan utamanya adalah sebagai berikut :
1.
Spinner
Komponen ini bisa digunakan untuk
menampilkan list data yang salah satunya data yang ditampilkannya dapat dipilih.
Caranya adalah:
a.
Buka
script pada file res > values > strings.xml.
b.
Ubah
dan ketik script seperti dibawah ini :
c. Kemudian pada file activity_main.xml, ubah dan ketik script seperti dibawah ini
d.
Saat
anda Run di emulator maka akan tampak sepertti ini :
2.
Switch On/Off
Komponen yang bisa menampilkan status
aktif/nonaktif dengan tombol. Biasanya adapada pengaturan wifi, bluetooth, dll.
Caranya :
a. Pada file activity_main, ubah atau tulis script seperti dibawah ini :
b.
Run
dan tunggu, maka hasilnya akan tampak seprti ini :
3.
ProgressBar
Komponen yang membantu memberi informasi
sistem pada user tentang waktu yang dibutuhkan untuk menyelesaikan suatu tugas
berupa indikator tampilan grafis. Caranya adalah sebagai berikut :
a.
Pada file activity_main, ubah atau tulis
script seperti dibawah ini :
b.
Run
dan tunggu, maka hasilnya akan tampak seperti ini :
4.
SeekBar
Komponen yang biasanya ada saat mengatur
volume suara. User dapat mengatur suatu tugas dengan menggesernya dari kiri ke
kanan menggunakan jari. Adapun caranya adalah :
a.
Pada
file activity_main, ubah atau tulis script seperti dibawah ini :
b.
Run
dan tunggu, maka hasilnya akan tampak seprti ini :
5.
RatingBar
Komponen yang digunakan untuk
mendapatkan penilaian dari user. Peringkat mengembalikan angka floating-point,
mungkin 2.0, 3.5, 4.0 dan lain sebagainya. Caranya adalah :
a.
Pada
file activity_main, ubah atau tulis script seperti dibawah ini :
b.
Run
dan tunggu, maka hasilnya akan tampak seprti ini :
6. ScrollView
a. Pada file activity_main, ubah atau tulis script seperti dibawah ini :
Comments
Post a Comment