21 April 2025
0 0
Read Time:1 Minute, 43 Second

Dynamic Component ini disediakan dari Kodular sehingga tidak membutuhkan extension tambahan dalam membuat Dynamic Component yang berisi kumpulan beberapa data dari database atau bukan yang akan ditampilkan ke dalam aplikasi Android. Tujuan dari pembuatan Dynamic Component ini ialah meringankan sistem kerja program yang disebabkan terlalu banyak blok program yang dipakai ke dalam aplikasi sehingga mengalami ngelag yang terutama menggunakan PC atau laptop yang spek kentang.

Untuk mempercantik tampilan aplikasi, bisa menggunakan bantuan komponen Card View atau Dynamic Card View biar lebih afdol untuk tampilan aplikasi mobile tersebut.

Disini akan memberikan tutorial untuk membuat Dynamic Component untuk label dalam menampilkan beberapa data pada aplikasi Android dengan menggunakan Dynamic Component bawaan dari Kodular.

LANGKAH-LANGKAH

1. Kunjungi situs Kodular App Creator.

2. Lakukan login seperti biasanya.

3. Buatlah project aplikasi baru dengan klik New Project.

4. Masukkan nama project aplikasi tanpa spasi yang diberikan nama “dynamic_label1”, klik Next.

5. Aturlah tampilan UI aplikasi beserta nama judul screen awal dengan sesuai keinginan, klik Finish.

6. Tambahkan komponen Vertical Scroll Arrangement ke dalam screen tersebut beserta aturlah tampilan Vertical Scroll Arrangement yang sesuai tertera di bawah ini.

7. Tambahkan komponen Dynamic Label ke dalam screen tersebut.

8. Klik Blocks.

9. Buatlah blok program untuk membuat beberapa data ke dalam bentuk list yang akan ditampilkan satu per satu dengan bantuan blok program select list.

10. Buatlah blok program untuk membuat procedure untuk menampilkan data dari list tadi ke dalam label secara dinamis (dynamic label).

11. Buatlah blok program untuk menampilkan data label secara dinamis dari data list.

Baca juga artikel :  Cara Menampilkan Ukuran File dari Image Picker di Kodular

12. Melakukan ujicoba project aplikasi tersebut dengan menggunakan aplikasi Companion (Kodular Companion) atau export to APK (install aplikasi langsung ke Android).

13. Berikut tampilan hasil akhir.

Selesai.

PENUTUP

Kini, kamu bisa membuat fitur untuk menampilkan data dinamis ke dalam komponen Label dengan menggunakan Dynamic Component bawaan dari Kodular sehingga tidak membutuhkan extension Dynamic Component tambahan, kecuali untuk Dynamic Component khusus Radio Button atau Checkbox. Sumber data dinamis ini bisa diambil dari database atau bukan seperti CSV, XML, atau JSON yang akan diterapkan ke dalam Dynamic Component for Label terhadap aplikasi Android.

About Post Author

Dwi Lestari

Saya bukanlah penulis handal dan hanya menyampaikan sesuatu yang bisa disampaikan.
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *