123
Bookmark

Menggunakan komponen listview di Appy Builder (Untuk pemula)

Menggunakan komponen listview di Appy Builder (Untuk pemula)
Komponen listview merupakan salah satu komponen wajib jika kamu ingin membuat aplikasi berbasis database di Appybuilder.
Isi dari listview adalah daftar, berikut adalah cara memasukkan daftar ke dalam komponen listview.

Mengisi langsung di Properties

Menggunakan cara ini, sangat mudah, kamu tinggal menulis daftar ke dalam form ElementsfromString dengan memisahkan setiap itemnya dengan tanda koma (lihat contoh gambar di samping).
Menggunakan cara ini mudah tetapi digunakan untuk daftar yang statis (tidak berubah selama aplikasi dijalankan)

Benggunakan Block
Buat block seperti gambar di atas, hasilnya akan sama dengan mengisi langsung di properties.
tetapi dengan cara ini kamu bisa saja membuat beberapa tabel dan akan menampilkannya saat diperlukan (caranya hanya membuat beberapa variabel) pada contoh di atas, variabel hanya 1 yaitu "isitabel". 


Menggabungkan beberapa Daftar dalam satu listview



Jika pada contoh sebelumnya kita hanya memasukkan daftar yang sudah ada, pada contoh ini kita menggabungkan beberapa variabel dalam 1 listview. Sangat mudah bukan?
Penjelasan :
Saat aplikasi dibuka (Screen1.Initialize) kita buat sebuah variabel sementara untuk menggabungkan daftar dan mengisinya dengan "create empy list" setelah itu kita lakukan pengulangan pada list NamaBuah dan menambahkan ke list "TabelGabung" dengan menggabungkan kedua list sebelumnya (Nama_Buah dan Warna_Buah)
Sampai di sini saya yakin kamu sudah paham tentang membuat daftar pada listview. 


Membuat perintah saat listview di-klik
Setelah kamu bisa memasukkan daftar ke dalam tabel, mari kita lanjutkan dengan membuat perintah saat Listview di-klik.
Lanjutkan project sebelumnya dengan menambah Block Listview1.AfterPicking.

Penjelasan :
Perhatikan pada block ListView.AfterPicking :
Dengan menggunakan perintah IF, Else if, kita membuat sebuah perintah berdasarkan isi dari item yang dipilih. Jika yang dipilih isi teksnya adalah Apel, maka akan warna akan diubah ke warna Hijau, begitu juga dengan warna lainnya.
Tetapi perhatikan Screen1.Title (di bawah). Karna daftarnya tersedia dengan urutan yang sama (Nama_buah dan Warna_Buah) maka kita hanya menggunakan indeks dari item yang dipilih, jadi kita tidak perlu melakukannya satu per satu seperti pada block di atasnya (IF, ELSE IF).

Oke... saya yakin, sampai di sini, kamu sudah bisa menggunakan komponen listview di AppyBuilder (bisa juga digunakan di MIT Inventor, Kodular, Thunkable dll).

Selamat Belajar


Posting Komentar

Posting Komentar