Tutorial Kodular Cara Mencari Item di Dalam List Mengunakan List View Image anda Text

Tutorial Kodular Cara Mencari Item di Dalam List Mengunakan List View Image anda Text


Hallo apa kabar kalian semua, semoga selalu diberikan kesehatan ya.
Pada kesempatan kali ini mimin akan baikan tutorial kodular, nah buat kalian yang mungkin belum tau kodular itu apa silahkan bisa cek pada video di channel iTernama Project. Mimin akan bagikan tutorial yaitu Cara Mencari Item di Dalam List Mengunakan List View Image anda Text dengan tetap mendapatkan sebuah index item dalam list saat pencarian dilakukan. Berikut ini langkah-langkahnya:
Tahap Pertama
Silahkan buat tampilan layout atau desain di halaman screen seperti pada gambar dibawah ini, sesuakan jenis palete apa saja yang perlu ditambahakan kedalam screen

Tutorial Kodular Cara Mencari Item di Dalam List Mengunakan List View Image anda Text

Pada desain diatas mimin menggunakan sebuah palete CardView sebagai desainuntuk textbox “cari”, agar terlihat lebih menarik, tentunya teman-teman bisa untuk menyesuaikan tampilan desainnya dengan kebutuhan masing-masing.

Tahap Kedua
Silahkan masuk ke halaman Blocks, Oh ya pada tutorial kali ini mimin membuat item list secara ini secara offline yang artinya setiap item (image, title dan subtitle) dilaukan secara manual di buat di bagian block nya. Tentunya teman-teman bisa menyesuaikan jika dilakukan secara online.

Tutorial Kodular Cara Mencari Item di Dalam List Mengunakan List View Image anda Text

Blocks saat Screen Initializa dibawah ini, gunanya untuk langsung menampilkan data saat aplikasi di jalankan.

Tutorial Kodular Cara Mencari Item di Dalam List Mengunakan List View Image anda Text

Selanjutnya pada bagian textbox dibawah ini, merupakan bagian yang paling penting, yaitu nerguna untuk mencari sebuah item di dalam list dan menampilkan hasil dari pencarian yang berdasarkan kata yang ada di dalam textbox.

Tutorial Kodular Cara Mencari Item di Dalam List Mengunakan List View Image anda Text


Fungsi saat list dibawah ini di klik, maka pada tutorial ini mimin hanya menggunakan sebuah notifikasi saja yaitu sebagai media atas data dari list yang di klik, atua teman-teman juga bisa menyesuaikan misalnya untuk membuka screen lainnya atau untuk menampilkan data dari dalam list yang di pilih.

Tutorial Kodular Cara Mencari Item di Dalam List Mengunakan List View Image anda Text

Tutorial Selesai, jadi teman-teman bisa langsung melihat hasilnya dengan cara menghubungkan project kodular dengan companion di android, apliaksi companion kodular itu sendiri bisa kalian download di Google Playstore atau kalian bisa langsung tes dengan export project ke dalam format .apk.
Terimakasih selamat mencoba dan semoga tutorial ini membantu.
Source : kodingkodular

Download File aia


Tags :
Membuat aplikasi android tanpa coding
Tutorial kodular
Membuat aplikasi android tanpa coding di kodular
Cara membuat aplikasi andoid tanpa coding di kodular

1 Komentar

  1. Terima kasih atas ilmunya.
    Mau nanya gimana kalau gambarnya diambil dari database mysqli..

    Mohon pencerahan nya.
    Terima kasih

    BalasHapus