Halo sobat kodinghape, apa kabar teman-teman? Dikesempatan kali ini, mimin mau mengajak kalian untuk mengenal lebih dalam mengenai elemen dasar dalam mendesain aplikasi, yaitu View di Sketchware Mod.

Sebelum kita masuk ke tahap koding yang lebih rumit, kita wajib paham dulu apa itu View. Secara teknis, View adalah elemen grafis dari aplikasi kalian—bisa berupa tombol (button), teks, gambar, dan lain-lain. Singkatnya, View inilah yang menyusun tampilan antarmuka atau User Interface (UI) aplikasi Android kalian. Ingat ya, sebelum kalian mulai memprogram fungsi aplikasi, kalian harus mendesain tampilannya terlebih dahulu.

Memahami dan Membangun Aplikasi dengan View


Nah, kalau teman-teman lihat pada sisi kiri layar di aplikasi Sketchware, di situlah semua Views yang tersedia dikelompokkan, termasuk Layouts, Widgets, dan lainnya. Yuk, kita coba praktek membangun tampilan dasar!

  1. Linear (V)



    Sebagai langkah awal, sangat disarankan untuk selalu menambahkan Linear (V) ke dalam aplikasi kalian terlebih dahulu. Cukup drag and drop elemen tersebut ke dalam editor. Nantinya, komponen ini akan menempel di sisi kiri layar. Setelah muncul opsi di bagian bawah, pilih width dan ubah menjadi match_parent agar tampilannya memenuhi seluruh layar. Tips dari mimin, tambahkan komponen ini di awal agar kalian lebih mudah memposisikan elemen lain dan mengubah latar belakang.

    Jangan lupa, klik See All lalu pada bagian gravity, centang center_vertical & center_horizontal agar elemen di dalamnya nanti jadi lebih rapi. Setelah itu, tekan tombol back untuk kembali ke editor View utama.

  2. Menambahkan Button


    Setelah Linear (V) siap, mari kita tambahkan widget lainnya. Di sebelah kiri, di bawah kategori Widgets, pilih "Button" dan tarik (drag and drop) ke dalam editor. Karena tadi kita sudah mengatur gravity pada Linear (V), tombol tersebut akan otomatis berada di tengah layar.

    Selanjutnya, klik See All pada bagian bawah layar, scroll sampai kalian menemukan opsi text. Silakan ubah teksnya sesuai keinginan kalian, misalnya "Hello World", lalu klik Save.

Sekarang kita sudah punya tombol, tapi tampilannya masih diam saja, kan? Tombol tersebut belum memiliki fungsi apa-apa karena kita baru mendesain tampilannya saja. Tenang saja, nanti kita akan bahas cara membuat tombol tersebut bekerja di postingan selanjutnya!

Gimana teman-teman, mudah kan? Kunci dari desain aplikasi yang rapi adalah memahami bagaimana View ini bekerja. Semoga penjelasan singkat ini membantu teman-teman yang baru belajar Sketchware Mod.

Oke guys, mungkin itu dulu perkenalan kita tentang View di Sketchware. Jika kalian suka, silahkan bagikan postingan ini dan support fanspage kami di Facebook. Kalau ada yang bingung, langsung saja tulis di kolom komentar blog ini untuk kita diskusi bersama.

Oiyah akhir kata, salam koding! Semangat terus..