Dasar Membuat Layout User Interface pada Android Studio

android studio

Pada halaman ini akan dilihat bagaimana cara menyusun atau membuat UI (User Interface) pada Android Studio dengan mudah. User Interface sendiri adalah, tampilan yang akan dilihat oleh pengguna aplikasi anda nantinya.

Tampilan UI ini merupakan kumpulan dari beberapa objek. Disini dikenal dengan istilah ViewGroup dan Widgets.

Image: developer.android.com

Gambaran umumnya bisa anda lihat pada pada gambar di atas. Untuk membuat tampilan tersebut sebenarnya dibutuhkan skill tentang bahasa XML. Namun, pada Android Studio, bagi pelajar pemula anda cukup dimudahkan dengan adanya Layout Editor.

Cara Membuka Layout Editor

Pada tampilan Android Studio anda, bukalah app-res-layout-activity_main.xml. Ada dua kemungkinan tampilan di sini. Kemungkinan ditampilan kode XML dan kemungkinan ditampilkan Layout editor. (lihat kotak 1)

Untuk memudahkan pengaturan tampilan Anda bisa memilih Design pada pojok bawah, jika ditampilkan dalam bentuk Kode. Namun jika anda memang lancar dalam berbahasa XML, anda bisa pilih Text. (lihat kotak 2)

Setelah tampilan dalam bentuk Design. Terdapat 2 bagian seperti gambar ponsel. Anda Blueprint dan ada tampilan sebenarnya nanti. Disinilah kita akan meletakkan berbagai macam tampilan. (lihat kotak 3)

Lalu apa yang bisa di tambahkan? Anda bisa lihat sendiri pada kolom yang tersedia. Banyak view yang bisa anda tambahkan, mulai dari textbox, button, time dan lain-lain. (lihat kotak 4)

Sejatinya untuk posisi juga bisa atur dengan mengeser widget atau view yang akan diedit. Sementara untuk bagian paling kanan. Anda bisa mengedit tampilan di sana. Misalkan untuk textbox anda bisa mengedit kata/ kalimat pada bagian paling kanan tersebut. (lihat kotak 5)

Sekarang silahkan coba beberapa widget anda tambahakan dan jalankan aplikasi android anda.

Share Yuk

Facebook Twitter Linkedin

Related Posts

Loading...