11 May 2026
bagian User Interface kodular #1

Artikel kali ini membahas tentang penjelasan atau keterangan dari kegunaan masing-masing pada komponen User Interface yang terdapat di dalam Kodular untuk membuat tampilan UI aplikasi Android dengan sesuai kebutuhan dan fungsi dari sistem aplikasi itu sendiri.

User Interface ini digunakan untuk membuat atau menambahkan fitur ke dalam aplikasi Android agar aplikasi tersebut bisa digunakan di dalam HP Android seperti membuat tampilan formulir, pengambilan gambar dari kamera atau galeri, dan sebagainya.

Baca juga artikel :  Cara Menggunakan Left String dan Right String dalam Pemotongan Teks di Kodular

LIST KOMPONEN DARI USER INTERFACE

Berikut tentang penjelasan fungsi dari masing-masing komponen pada User Interface :

  1. Button merupakan komponen yang digunakan untuk membuat atau menambahkan button atau tombol ke dalam aplikasi Android.
  2. CheckBox merupakan komponen yang digunakan untuk membuat opsi pilihan dalam bentuk centang.
  3. Circular Progress merupakan komponen yang digunakan untuk menampilkan proses loading dalam bentuk tanda panah yang memutar seperti lingkaran.
  4. Custom Progress merupakan komponen yang digunakan untuk menampilkan proses loading popup yang telah dikustomisasi.
  5. Date Picker merupakan komponen yang digunakan untuk memasukkan tanggal dengan menggunakan sistem kalendar bawaan Android.
  6. Floating Action Button merupakan komponen yang digunakan untuk membuat tombol lingkaran yang berada di pojok kiri-bawah atau kanan-bawah.
  7. Image merupakan komponen yang digunakan untuk menampilkan gambar di dalam aplikasi Android.
  8. Label merupakan komponen yang digunakan untuk membuat teks atau kalimat ke dalam aplikasi.
  9. Linear Progressbar merupakan komponen yang digunakan untuk menampilkan proses loading topup dalam bentuk persentase.
  10. List Picker merupakan komponen yang digunakan untuk membuat satu atau beberapa pilihan opsi di dalamnya yang akan dipilih salah satu opsi tersebut.
  11. Notifier merupkan komponen yang digunakan untuk menampilkan pemberitahuan suatu informasi baik itu secara Toast maupun AlertDialog.
  12. Radio Button merupakan komponen yang digunakan untuk membuat opsi pilihan dalam bentuk lingkaran.
  13. Rating Bar merupakan komponen yang digunakan untuk memberikan penilaian suatu komponen maupun objek dari 5 bintang.
  14. Slider merupakan komponen yang digunakan untuk memberikan volume dengan menggeserkan tangan yang dimulai dari value 0 – 100.
  15. Snackbar merupakan komponen yang digunakan untuk menampilkan pemberitahuan suatu informasi yang muncul dari bagian bawah tampilan aplikasi secara singkat.
  16. Spinner merupakan komponen yang digunakan untuk membuat satu atau beberapa pilihan opsi di dalamnya yang akan dipilih salah satu opsi tersebut seperti ComboBox atau Dropdown.
  17. Spotlight merupakan komponen yang digunakan untuk menambahkan fitur lampu senter ke dalam aplikasi.
  18. State Progress Bar merupakan komponen yang digunakan untuk menampilkan proses loading dalam bentuk step by step.
  19. Switch merupakan komponen yang digunakan untuk membuat dua opsi pilihan yakni on-off yang akan dipilih salah satu opsinya seperti saklar.
  20. Text Box merupakan komponen yang digunakan untuk memasukkan data karakter atau numerik ke dalam kolom teks.
  21. Timer Picker merupakan komponen yang digunakan untuk memasukkan waktu dengan menggunakan sistem waktu bawaan Android.

BELI EBOOK MATERI DASAR KODULAR DISINI

Kamu bisa membeli ebook materi dasar Kodular untuk mendapatkan materi yang lebih lengkap dan detail dengan pesan melalui klik di bawah ini:

Baca juga artikel :  Keterangan dari Block Program Control pada Kodular

PENUTUP

Kamu bisa mengenali salah satu komponen atau widget yang ada di Pallete yaitu User Interface beserta fungsi dari masing-masing penggunaaan komponen tersebut dalam mempengaruhi produk aplikasi Android buatan sendiri.

BACA ARTIKEL LAIN

Baca juga artikel :  Cara Menggunakan Block Math di Kodular Bagian 1: Aplikasi Konversi Satuan Panjang
Baca juga artikel :  Cara Download Lagu dari Google Drive di Kodular
Baca juga artikel :  Cara Menampilkan Ebook atau PDF dari Hosting / VPS di Kodular
Baca juga artikel :  Cara Membuat Button dengan Ikon Material Design di Kodular
Baca juga artikel :  Cara Ganti Warna Tampilan Notifikasi atau Toast Mudah di Kodular