GUI merupakan tampilan antarmuka yang disedikan sketcware sebagai tempat kalian bekerja dalam mengembangkan suatu aplikasi. Pengetahuan dasar sangat penting kalian pelajari supaya bisa familiar dan tidak kebingunganan.
Pada GUI sketchware setidaknya mencakup beberapa kontrol sekaligus yang di bagi menjadi 3 tab diantaranya.
- View
- Event
- Komponen
VIEW
Pada tab ini (View) merupakan bagain editor layout tempat kalian akan mendesain tampilan aplikasi. Dimana setiap perubahan yang kalian buat akan di konversi menjadi kode xml oleh sketchware.
Secara default kalian akan bekerja pada view utama yaitu main.xml. Dimana file tersebut adalah file layout bawaan yang di buat oleh sketchware. Tetapi kalian bisa membuat file layout sendiri namun tidak akan kita bahas disini..
Di dalam tab View tersebut kalian akan dihadapkan dengan deretan kontrol basic seperti layout dan widget. Kontrol-kontrol tersebut merupakan inti dari proyek yang akan kalian buat. Misalnya saja pada bagian layout
Layout
Pada bagian layout terdapat beberapa kontrol linear atau bisa di sebut sebuah layer. Kalau kalian familiar dengan html, anggap aja linear adalah tag <div>
Penggunaan linear merupakan inti dari layout sebuah aplikasi. Kalian bisa mengelompokkan suatu kontrol pada satu tempat secara rapih dan fleksibel dan dapat diatur posisinya secara costum, vertikal ataupun horizontal. Mungkin juga floating tapi gw belum tau.
Widget
Pada bagian widget terdapat beberapa kontrol basic yang akan kalian gunakan pada proyek kalian. Control-control tersebut wajib kalian pelajari, karena ya memang aplikasi kalian akan sangat bergantung pada kontrol kontrol tersebut sebagai interaksi anatara user dan aplikasi.
Tab Event
Tab Event merupakan tempat kalian untuk melihat event apa saja yang telah di buat sebelumnya, atau pun event yang baru saja akan kalian buat. Untuk memahami bagian ini, kalian harus membaca artikel mengenai event disini..
Tab Event mempunyai 5 sub tab lainnya diantaranya meliputi;
Sub tab activity.
Sub ini menyimpan event-event dasar dari kejadian apa saja yang bisa di informasikan oleh suatu aplikasi. Misalnya saja event onBackPressesd yang menginformasikan bahwa tombol kembali sedang ditekan pada saat itu juga.
Secara default event onCreate sudah dibuat otomatis oleh sketchware, event tersebut merupakan event untuk menginformasikan bawha aplikasi telah selesai dibuat..
Sub tab view
Sub tab ini menyimpan event event dari kontrol yang kalian buat pada tab view. Misalnya event dari kontrol tombol ketika di klik dan lain sebagainya. Kalian bisa melihat atau pun menambahkan event dari kontrol-kontrol lewat halaman ini.
Sub tab komponen
Pada sub tab ini menyimpan event event yang disedikan oleh suatu komponen. Kalian bisa melihat suatu komponen apakah memiliki event melalui tab ini?..
Gw pribadi baru nyadar kalo komponen ternyata memiliki sebuah event, misalnya saja komponen objekAnimator yang tanpa gw sadari, dia memiliki event animasi berhenti(kelar). Sedangkan gw menganggap event itu harus di tulis secara manual lewat kode java.
Sub tab drawer
Sub tab ini sama dengan sub tab view, yaitu buat manejemen event dari sebuah kontrol, bedanya bukan kontrol dari view yang merujuk ke file layout utama yaitu main.xml, tapi ke file drawer_main.xml ataupun costum page. Tapi tab drawe spesifik merujuk pada view yang menggunakan fitur drawer saja.
Sub tab more block
Sub tab ini menyimpan event dari suatu blok logika yang kalian buat secara costum,namun kurang tepat juga karena fungsi sebenarnya ialah untuk mendefinisikan logika suatu blok.
Kalian dapat membuat more block serta mendefinisikan nya langsung lewat tab ini.
Tab komponen
Tab ini merupakan tempat dimana kalian dapat menambahkan suatu komponen dalam proyek kalian. Atau pun untuk melihat komponen apa saja yang sudah kalian buat. Intinya buat manejemen lah.
Tapi sebenarnya kalian bisa menambahkan suatu komponen dari page logic, namun untuk penggunaan aplikasi yang kompleks, perlu suatu tempat khusus untuk melihat semua komponen yang sudah include dengan proyek yaitu melalui tab ini.
Option menu
Ada satu hal lagi yang WAJIB kalian ketahui yaitu option menu, kalian bisa mengaksesnya lewat ikon titik tiga di bagian pojok kanan atas aplikasi. Dari option menu tersebut kalian bisa melihat informasi penting diantaranya adalah
Library - untuk melihat library yang sediakan oleh sketchware, kalian bisa menambahkan fitur-fitur yang sediakan lewat sini. Termasuk view drawer bisa kalian aktifkan lewat halaman library.
View - untuk manejemen suatu view (file xml) ataupun layout. Kalian bisa mengedit jenis layout ataupun membuat/menambahkan layout baru lewat halaman ini.
Image - sebuah source tempat kalian menambahkan gambar maupun icon sebagai bagian dari proyek kalian.
Sound - sebuah source tempat kalian menambahkan audio sebagai bagian dari proyek kalian.
Show source code - halaman untuk melihat pure code (kode aplikasi) dari suatu desain/layout yang kalian buat (berupa file xml) ataupun logika aplikasi (berupa file java)
Posting Komentar
Posting Komentar