Cara membuat tampilan Interaktif di Jagel.id

Cara membuat tampilan Interaktif di Jagel.id
Ini tutorial pertama untuk membuat tampilan interaktif pada aplikasi buatan di Jagel.

Ini tutorial pertama untuk membuat tampilan interaktif pada aplikasi buatan di Jagel.id

Sekarang akan saya berikan penjelasan dan cara membuat tampilan interaktif yang dimana pada tips dan trik kali ini, hasil akhirnya akan seperti ini

Navigasi bawah dengan menu grid

Agar tutorial kita berjalan dengan lancar sudah saya sediakan asset gambar yang sama dengan saya gunakan pada tutorial ini.
Link Download Asset

Pada tahap penjelasan nanti saya gambarkan teman-teman sekalian sudah memiliki minimal 6 menu pada halaman layout aplikasi tetapi jika belum memiliki menu sama sekali, silahkan dibuat atau yang belum paham bisa ikuti tutorial saya di Bikin Aplikasi di Jagel.id

I. Tahap Penjelasan

  • Masuk Appku
  • Pilih [Layout]
  • Pilih tab Layout (di atas)
  • Slide ke kanan hingga ke layout “Navigasi di Bawah”
  • Pilih tab Menu (di atas)
  • Tap menu pertama di kiri atas
  • Tap upload gambar dan gunakan gambar dari asset yang saya sediakan dengan nama Untitled-1–01.png setelah itu tekan cek dikanan atas untuk sistem menyimpan image baru dan kembali ke menu edit
  • ulangi step diatas pada menu kedua di tengah atas
  • image yang digunakan Untitled-1–02.png
  • Setelah itu ulangi lagi step yang sama tapi kali ini pada menu ketiga di kanan atas
  • image yang digunakan Untitled-1–03.png
  • Sisanya 3 menu di bawah menggunakan step yang sama dan image Untitled-1–04.png

Hasil akhir pada tahap ini akan seperti pada gambar diatas.

II. Tahap Video

Jika merasa kurang jelas dengan penjelasan diatas, kami menggunakan video yang disediakan menyediakan teman Jagel.id tentang cara membuat tampilan interaktif