Home Pemula Tampilan (View)

Tampilan (View)


Tampilan (View)
UI terdiri dari hierarki objek yang disebut tampilan, setiap elemen layar ialah tampilan. Kelas View menyatakan blok pembangunan dasar untuk semua komponen UI, dan kelas dasar untuk kelas yang menyediakan komponen UI interaktif menyerupai tombol, kotak centang, dan bidang entri teks.


Materi pada pelajaran :
Memahami Layout, Tampilan (View) dan Sumber daya (Resource)


Materi :
  1. Skema model-view-presenter
  2. Tampilan (view)
  3. File sumber daya (resource)


Tampilan (View)


Tampilan mempunyai lokasi, yang dinyatakan sebagai pasangan koordinat kiri dan atas, dan dua dimensi, yang dinyatakan sebagai lebar dan tinggi. Unit untuk lokasi dan dimensi ialah piksel yang tidak tergantung perangkat (dp).
Sistem Android menyediakan ratusan tampilan yang telah didefinisikan sebelumnya, termasuk yang menampilkan :

Anda sanggup mendefinisikan tampilan untuk muncul di layar dan merespons ketukan pengguna. Tampilan juga sanggup didefinisikan untuk mendapatkan masukan teks, atau tidak terlihat sampai diperlukan.

Anda sanggup menetapkan tampilan di file sumber daya layout XML. Sumber daya layout ditulis dalam XML dan dicantumkan dalam folder layout di folder res dalam Project: Tampilan Android.



Group tampilan


Tampilan sanggup dikelompokkan bersama di dalam grup tampilan (ViewGroup), yang berfungsi sebagai kontainer tampilan. Hubungannya ialah induk-anak, dalam hal ini induk adalah grup tampilan, dan anak ialah tampilan atau grup tampilan dalam grup. Berikut ini ialah grup tampilan yang umum :
  • ScrollView : Grup yang berisi satu tampilan anak lainnya dan memungkinkan pengguliran tampilan anak.
  • RecyclerView : Grup yang berisi daftar tampilan atau grup tampilan lainnya dan memungkinkan penggulirannya dengan menambahkan dan membuang tampilan secara dinamis dari layar.


Group tampilan layout


Tampilan untuk layar dikelola dalam hierarki. Di akar hierarki ini ialah ViewGroup yang berisi layout keseluruhan layar. Layar anak grup tampilan sanggup menjadi tampilan atau grup tampilan lain menyerupai yang ditampilkan dalam gambar berikut.

UI terdiri dari hierarki objek yang disebut tampilan Tampilan (View)
Dalam gambar di atas:
  1. Grup tampilan akar.
  2. Rangkaian tampilan anak dan grup tampilan pertama yang induknya ialah akar.
Beberapa grup tampilan ditandai sebagai layout alasannya ialah grup tampilan tersebut mengelola tampilan anak dalam cara khusus dan umumnya dipakai sebagai grup tampilan akar. Beberapa teladan layout ialah :
  • LinearLayout: Grup tampilan anak yang diposisikan dan disejajarkan secara horizontal atau secara vertikal.
  • RelativeLayout: Grup tampilan anak yang setiap tampilannya diposisikan dan disejajarkan relatif terhadap tampilan dalam grup tampilan. Dengan kata lain, posisi tampilan anak sanggup dijelaskan dalam hubungan satu sama lain atau dengan grup tampilan induk.
  • ConstraintLayout: Grup tampilan anak yang memakai titik jangkar, tepi, dan panduan untuk mengontrol cara memosisikan tampilan relatif terhadap elemen lain di layout. ConstraintLayout didesain untuk mempermudah ketika menyeret dan melepaskan tampilan di editor layout.
  • TableLayout: Grup tampilan anak yang disusun ke dalam baris dan kolom.
  • AbsoluteLayout: Grup yang memungkinkan Anda menetapkan lokasi niscaya (koordinat x/y) tampilan anaknya. Layout mutlak bersifat kurang fleksibel dan lebih sulit dikelola daripada tipe layout lainnya tanpa pemosisian mutlak.
  • FrameLayout: Grup tampilan anak bertumpuk. FrameLayout didesain untuk memblokir area di layar guna menampilkan satu tampilan. Tampilan anak digambar bertumpuk, dengan anak yang gres saja ditambahkan di atas. Ukuran FrameLayout ialah ukuran tampilan anak terbesarnya.
  • GridLayout: Grup yang menempatkan layar anaknya dalam kotak persegi panjang yang sanggup digulir. UI terdiri dari hierarki objek yang disebut tampilan Tampilan (View)
Tip: Ketahui selengkapnya wacana tipe layout yang berbeda di Objek Layout Umum. Contoh sederhana dari layout dengan tampilan anak ialah aplikasi Hello Toast di salah satu pelajaran awal. Tampilan aplikasi Hello Toast muncul dalam gambar di bawah ini sebagai diagram file layout (activity_main.xml), bersama diagram hierarki (kanan atas) dan tangkapan layar layout yang benar-benar akibat (kanan bawah).

UI terdiri dari hierarki objek yang disebut tampilan Tampilan (View) Dalam gambar di atas :
  1. Layout akar LinearLayout, yang berisi semua tampilan anak, disetel ke orientasi vertikal.
  2. Button (button_toast) tampilan anak. Sebagai tampilan anak pertama, muncul di pecahan atas di layout linear.
  3. TextView (show_count) tampilan anak. Sebagai tampilan anak kedua, muncul di bawah tampilan anak pertama di layout linear.
  4. Button (button_count) tampilan anak. Sebagai tampilan anak ketiga, muncul di bawah tampilan anak kedua di layout linear.
Hierarki tampilan sanggup tumbuh menjadi kompleks untuk aplikasi yang menampilkan banyak tampilan di layar. Penting untuk memahami hierarki tampilan, alasannya ialah akan memengaruhi apakah tampilan terlihat dan apakah digambar secara efisien.

Tip: Anda sanggup menjelajahi hierarki tampilan aplikasi memakai Hierarchy Viewer. Hierarchy Viewer menampilkan tampilan pohon hierarki dan memungkinkan Anda menganalisis kinerja tampilan di perangkat Android. Masalah kinerja dibahas di pecahan berikutnya. Anda mendefinisikan tampilan di editor layout, atau dengan memasukkan instruksi XML. Editor layout menawarkan representasi visual instruksi XML.


Materi Selanjutnya

File sumber daya (resource).

Materi Sebelumnya

Memahami Layout, View dan Resource (Skema/Pola MVP)
Next Post
Previous Post