PUTRI ROSANTI
LANJUTAN PENGENALAN KOMPONEN UI PADA ANDROID STUDIO
Assalamu'alaikum temen-temen semua , semoga kalian selalu sehat, dan jangan lupa selalu patuhi protokol kesehatan karena itu penting banget untuk diri kita sendiri, keluarga dan orang lain. Pada kesempatan kali ini saya akan membahas lanjutan dari Pengenalan Komponen UI pada Android Studio, sebelum melihat teori yang ini, lihat dulu postingan sebelumnya ya ...
1.4 Teori Lanjutan
1.4.1. Praktikum Apps.1 (Komponen Spinner)
Komponen Spinner biasa digunakan untuk menampilkan list data yang salah satu dari data yang ditampilkan, nanti akan dipilih.
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Buka script pada file res/values/strings.xml lalu rubah dan ketikan script seperti gambar di bawah ini
3. Lanjut dengan merubah script file activity_main.xml menjadi seperti text di bawah ini
4. Jalankan di emulator, Maka akan tampil seperti gambar di bawah ini
1.4.2. Praktikum Apps.2 (ToggleButton)
Elemen Toggle Button biasa di gunakan untuk menampilkan status dicentang / tidak dicentang (Aktif/Non-Aktif) pada tombol.
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:
1.4.3. Praktikum Apps.3 (Komponen Switch ON/OFF)
Komponen berikut merupakan widget sakelar, dua keadaan yang dapat memilih di antara dua opsi atau pilihan.
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:
3. Jalankan di emulator Maka akan tampil seperti gambar di bawah ini :
1.4.4. Praktikum Apps.4 (ProgressBar)
Komponen berikut merupakan indikator tampilan grafis yang menunjukan seberapa lama progress
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:3. Jalankan di emulator Maka akan tampil seperti gambar di bawah ini :
1.4.5. Praktikum Apps.5 (Komponen SeekBar)
Komponen berikut merupakan sejenis ProgressBar dengan ibu jari yang dapat diseret (thumbnail).
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:
3. Jalankan di emulator Maka akan tampil seperti gambar di bawah ini :
1.4.6. Praktikum Apps.6 (Komponen RatingBar)
Komponen berikut merupakan peringkat mengembalikan angka ploating-point.
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:
3. Jalankan di emulator Maka akan tampil seperti gambar di bawah ini :
1.4.7. Praktikum Apps.7 (Komponen ScrollView)
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:
3. Jalankan di emulator Maka akan tampil seperti gambar di bawah ini :
1.4.8. Praktikum Apps.8 (Latihan Praktikum)
1. Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start → Android Studio
b. Pilih → Start a new Android Studio Project
c. Pilih → Empty Activity → Next
2. Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini:
3. Jalankan di emulator Maka akan tampil seperti gambar di bawah ini :
Selesai, kurang lebih seperti ini ya, terima kasih....
Wassalamu'alaikum.
Komentar
Posting Komentar