PENGENALAN KOMPONEN UI LANJUTAN PADA ANDROID STUDIO PART II

April 10, 2021

PENGENALAN KOMPONEN UI LANJUTAN PADA ANDROID STUDIO PART II

Pada postingan kali ini, saya akan memberikan lanjutan materi sebelumnya yang mungkin anda akan pahami..
#yukbisayuk

Disini saya kan membahas materi mengenai :

Spinner
Togglebutton
Switch
ProgressBar
SeekBar
RatingBar
ScroolBar

Ok langsung to the point tp lainnya. lets start

Spinner

Ada yang sudah tau spinner ?
Bukan spinner ini ya
hehehe bukan spinner kayak gambar diatas ya ..
Tetapi, Spinner adalah menyediakan cara cepat untuk memilih salah satu dari sekumpulan nilai.Dalam status default, spinner menampilkan nilai yang dipilihnya saat ini. Menyentuh spinner akan menampilkan menu drop-down bersama semua nilai lain yang tersedia, yang memungkinkan pengguna memilih salah satunya.

Mari kita coba langsung pada aplikasi IDE Android Studio yang sudah dipasang :

1.Pilih create new file /Project , Lalu pilih mode empty activity

2.Configure your project

Beri name : bebas

Package name : bebas

Lokasi file : pilih sesuai keinginan

Language : pilih java

Minimum SDK : disesuaikan dengan kemampuan PC/Laptop anda

3. Maka akan tampil IDE Android Studio, setelah itu buka script pada file res/values/strings.xml

4. Rubah dan Ketika script strings.xml seperti gambar dibawah ini

5. Lanjut dengan merubah script file activity_main.xml menjadi seperti dibawah ini:

6. Kita running pada emulator , maka akan tampil seperti ini :

ToggleButton

Toggle Button adalah salah satu elemen dasar pada Android Studio, Pada dasarnya Toggle Button berbeda dengan Button biasanya pada android, Toggle Button mempunyai dua buah state, yaitu ON dan OFF . Toggle memiliki fungsi seperti saat kita menyalakan sebuah lampu, kita bisa menyalakan lampu & juga mematikan saklar lampu.

1. Buatlah project baru pada android studio kalian, jika sudah, selanjutnya buka file activity_main.xml pada project tersebut, lalu ketikkan syntax seperti ini

2. Jalankan pada emulator , maka akan muncul seperti ini :

Element Switch ON/OFF

Switch adalah widget sakelar dua keadaan yang dapat memilih dua opsi. pada dasarnya tombol off/on yang menunjukkan keadaan switch saat ini. ini biasanya digunakan dalam memilih on / off di sound, Bluetooth, Wi-Fi dll. jadi hampir sama dengan fungsi yang sebelumnya.

1. Buatlah project baru pada android studio kalian, jika sudah, selanjutnya buka file activity_main.xml pada project tersebut, lalu ketikkan syntax seperti ini

2. Jalankan pada emulator , maka akan muncul seperti ini :

ProgressBar

        ProgressBar adalah indikator tampilan grafis yang menunjukkan seberapa lama progress.
       Progress bar diandroid berguna karena sistem memberi informasi kepada user perihal waktu
       yang dibutuhkan untuk menyelesaikan tugasnya .

       1. Buatlah project baru pada android studio kalian, jika sudah, selanjutnya buka file                                        activity_main.xml pada project tersebut, lalu ketikkan syntax seperti ini :

2. Kita running emulatornya, maka akan muncul seperti ini :

SeekBar

Seekbar adalah sejenis ProgressBar dengan ibu jari yang dapat diseret. user dapat menyeret
thumbnail ke kiri dan ke kanan untuk memindahkan progress lagu, volume, suara dll.

1. Buatlah project baru pada android studio kalian, jika sudah, selanjutnya buka file activity_main.xml pada project tersebut, lalu ketikkan syntax seperti ini :

2.Jalankan di emulator maka akan tampil seperti gambar dibawah ini :

RatingBar
biasa digunakan untuk mendapatkan peringkat dari user. Peringkat mengembalikan angka ploating-point, mungkin 2.0, 3.5, 4.0 dan lain sebagainya.
1. Buatlah project baru pada android studio kalian, jika sudah, selanjutnya buka file activity_main.xml pada project tersebut, lalu ketikkan syntax seperti gambar diatas
2. Jalankan di emulator maka akan tampil seperti gambar dibawah ini:

ScroolView
adalah container untuk tampilan ui pada android studio. ScrollView digunakan agar user bisa melalukan scroll secara vertika pada layout yang sudah dibuat.
1. Buatlah project baru pada android studio kalian, jika sudah, selanjutnya buka file activity_main.xml pada project tersebut, lalu ketikkan syntax seperti gambar dibawah ini :