Cara Membuat Show-Hide Effect pada Layout di Kodular
0
0
0
0
Efek Show-Hide ini biasanya digunakan untuk membuat aplikasi yang ada beberapa isi screen atau activity itu berupa FAQ (Fitur yang berfungsi untuk membuat tanya-jawab secara langsung di dalam konten aplikasi). FAQ ini memiliki tujuan untuk menaruh tanya-jawab yang sering dipikirkan oleh pengguna aplikasi. Misalkan, membuat aplikasi untuk layanan pengaduan laporan kerusakan di jalan XSA atau membuat sistem informasi yang bersifat rekruitmen berbasis Android.
Efek Show-Hide ini bisa diterapkan ke dalam aplikasi Android dengan menggunakan Kodular dengan membutuhkan sedikit komponen yang mendukung dalam pembuatan layanan FAQ terhadap aplikasi Android yang meliputi Button dan Layout (tipe Layout itu terserah kamu).
Penulis memberikan tutorial untuk membuat show-hide effect pada Layout di dalam Kodular. Jadi, efek show-hide ini berpengaruh pada klik button untuk menampilkan atau menyembunyikan isi konten. Dengan adanya efek ini, kamu hanya memerlukan satu button saja agar dapat meringankan performa aplikasi Android itu sendiri.
LANGKAH-LANGKAH
1. Kunjungi situs c.kodular.io
2. Lakukan login secara manual maupun OAtuh System dengan benar.
3. Klik Create Project untuk membuat project baru untuk membuat efek show-hide khusus Layout di dalam aplikasi Android.
4. Berikan nama project yaitu showhideeffect1, klik Next.
5. Untuk pengaturan tampilan UI aplikasi, Package Name, dan lainnya itu dibiarkan saja dan langsung klik Finish. Tunggu beberapa saat sampai muncul tampilan kerja.
6. Aturlah tata letak khusus Screen Utama menjadi tengah semua.
7. Buatlah rancangan tampilan aplikasi yang akan membuat show-hide effect khusus Layout pada aplikasi Android.
Keterangan dari Penggunaan Komponen yang Diatas
- Button (btnhideshow) yang digunakan untuk klik atau tekan tombol untuk menampilkan atau menyembunyikan isi konten di dalam Layout (hide-show effect).
- Horizontal Layout (hlayout1) yang digunakan untuk mewadah pengisian satu atau beberapa teks atau kalimat di dalamnya.
- Label (Label1) yang digunakan untuk membuat atau menampilkan satu atau beberapa teks / kalimat.
8. Klik Blocks.
9. Buatlah blok program membuat variabel untuk penentuan efek hide-show.
10. Buatlah blok program untuk pertama kali dalam membuka aplikasi.
11. Buatlah blok program untuk membuat efek show-hide pada saat menekan button yang berdasarkan nilai variabel yang sebelumnya
Jika nilai efek itu 0, maka menyembunyikan isi konten pada saat menekan button khusus efek show-hide. Sedangkan, nilai efek itu 1, maka menampilkan isi konten pada saat menekan button khusus efek show-hide.
12. Klik Test >>> Connect to Companion.
13. Masukkan kode Companion ke dalam Aplikasi Kodular Companion yang terpasang di Android.
TAMPILAN HASIL AKHIR
Pada bagian ini akan menampilkan hasil pembuatan aplikasi Android untuk Show dan Hide pada Layout di Kodular.
1. Tampilan hasil aplikasi pada saat pertama kali membuka aplikasi tersebut.
2. Tampilan hasil aplikasi setelah melakukan klik / tekan button untuk show dan hide layout.
Selesai.
PENUTUP
Kamu bisa membuat efek show-hide pada suatu objek dengan menggunakan satu button saja di dalam Aplikasi Android dengan menggunakan Kodular seperti membuat layanan FAQ atau menampilkan tanya-jawab agar pembaca lebih mengetahui dengan isi aplikasi Android tersebut.
BACA ARTIKEL LAIN
