How To Create Drawer Menu In Sketchware

Create Drawer Menu

Fitur di Sketchaware juga tidak kalah hebatnya dengan Android Studio. Yang kali ini kita akan bahas adalah bagai mana cara membuat Drawer menu di Sketchware.

Untuk membuatnya sendiri, sangat mudah bahkan hanya memerlukan waktu 1 menit saja. Mungkin yang membuatnya lama adalah pada saat kita mendesign drawer dan membuat event di dalamnya saja.

Maka dari itu kali ini saya akan membuat tutorial bagaimana cara membuat Drawer menu, mendesign dan membuat Event pada Drawer tersebut.

Pertama, pastikan terlebih dahulu bahwa AppCompat and Design pada bagian Library Manager telah kalian Aktifkan.

Selanjutnya jika kalian telah mengaktifkan AppCompat and Design, kalian centang pada bagian Toolbar dengan cara mengedit activity kalian.

Selesai, kalian telah berhasil membuat Drawer pada aplikasi kalian yang kalian buat pada di Sketchware. Jika kalian ingin mengetes apakah berhasil atau tidak, sebaiknya kalian jalankan terlebih dahulu aplikasi yang telah kalian buat barusan.

Mendesign Drawer
Next, setelah kita selesai membuat drawer, sekarang saatnya kita mendesign drawer kita dengan mengikuti steps-steps dibawah ini :

1. Kalian ke tab Costume View dan maka akan ada satu Costume View yang otomatis dibuat, yaitu drawer_main pada nama main akan terganti sesuai dengan dimana kalian membuat drawer tersebut.

2. Jika kalian ingin membuat Design (menambahkan textview / button / switch / imageview atau lainnya) pada drawer kalian, kalian tinggal tap pada bagian drawer_main yang ada pada Costume View kalian.

Membuat Event
Seperti halnya membuat Event pada activity / view pada umumnya. Namun yang membedakannya adalah Event ini terdapat pada drawer event bukan activity. kemudian jika kalian ingin menambahkan event pada apa yang telah kalian buat, kalian tap pada bagian fab yang ada pada pojok kanan bawah berwarna merah.

Lalu pilih sesuai dengan apa yang ingin kalian buat Event kamudian tekan Add. Jika kaian telah menambahkannya, maka kalian tinggal masuk kedalam tap View yang tadi kalian telah buat pada bagian drawer event dan mulailah untuk membuat logic.

Post a Comment

0 Comments