Oleh : Reza Ervani
بسم الله الرحمن الرحيم
Rujukan :
Sebuah layout mendefinisikan struktur visul untuk suatu user interface, seperti UI untuk suatu activity atau app widget. Kita dapat mendeklarasikan suatu layout dengan dua cara :
- Mendeklarasikan elemen UI di XML : Android menyediakan suatu kosakata XML yang straightforward yang berhubungan dengan class-class dan subclass View, seperti untuk widget dan layout
- Instansiasi elemen layout saat runtime : Aplikasi kita dapat membuat objek View dan ViewGroup (serta memanipulasi properti-propertinya) secara programatik
Framework android memberikan kita fleksibilitas untuk menggunakan salah satu atau kedua metode tersebut untuk mendeklarasikan dan mengatur UI aplikasi kita. Sebagai contoh, kita dapat mendeklarasikan layout default aplikasi kita di XML, termasuk elemen layar yang akan tampil dan properti-propertinya. Kita kemudian dapat menambahkan kode ke aplikasi kita yang dapat memodifikasi keadaan objek layar, termasuk yang dideklarasikan saat XML, pada saat runtime
- Plugin ADT untuk Eclipse menawarkan suatu preview layout untuk XML kita – saat file XML dibuka, pilih tab Layout
- Kita seharusnya juga mencoba perangkat Hierarchy Viewer untuk mendebug layout – dia membuka nilai-nilai properti layout, menggambarkan bingkai dengan indikator padding/margin serta merender secara penuh view saat kita mendebug pada emulator atau perangkat.
- Perangkat layoutopt membuat kita secara cepat menganalisa layout dan hierarki kita untuk menemukan ketidakefisienan atau masalah-masalah lain.
Keuntungan mendeklarasikan UI kita di XML adalah dia memperkenankan kita untuk secara lebih baik memisahkan presentasi aplikasi kita dari kode yang mengendalikan perilakunya. Deskripsi UI berada diluar kode aplikasi kita, yang berarti kita dapat memodifikasi atau mengadaptasinya tanpa harus memodifikasi kode sumber dan melakukan rekompilasi. Sebagai contoh, kita dapat membuat layout XML untuk orientasi layar yang berbeda, ukuran layar perangkat yang berbeda dan bahasa yang berbeda. Sebagai tambahan, mendeklarasikan layout di XML membuat lebih mudah untuk memvisualisasi struktur UI kita, sehingga lebih mudah melakukan debug terhadap masalah. Dokumen ini berfokus pada pengajaran bagaimana kita mendeklarasikan layout dalam XML. Jika kita tertarik untuk menginstasiasi objek View pada runtime, silahkan rujuk ke class ViewGroup dan View.
Secara umum, kosakata XML untuk mendeklarasikan elemen-elemen UI secara dekat mengikuti struktur dan penamaan dari class-class dan metode-metode, dimana nama-nama elemen berhubungan ke nama kelas dan nama atribut yang berhubungan dengan metode. Pada kenyataannya seringkali dengan langsung kita bisa menebak atribut XML yang mana yang berhubung dengan suatu metode calss, atau menebak class apa yang berhubungan dengan elemen xml yang ada. Bagaimanapun, perhatikan bahwa tidak semua kosakata identik. Dalam beberapa kasus, adalah sedikit perbedaan nama. Contoh, elemen EditText memiliki atribut Text yang berhubungan dengan EditText.setText()
Tip : Pelajari lebih lanjut tipe layout pada Objek Layout yang Umum. Ada juga koleksi tutorial membangun beragam layout di Panduan Tutorial Hello Views
Leave a Reply