PENGENALAN LAYOUTING (LinearLayout, RelativeLayout, TableLayout, AbsoluteLayout) PADA ANDROID STUDIO

  Pengenalan Layout

            Blok penyusun dasar untuk antarmuka pengguna adalah objek View yang dibuat

dari kelas View dan menempati area persegi panjang di layar dan bertanggung jawab

untuk menggambar dan menangani event. View adalah kelas dasar untuk widget, yang

digunakan untuk membuat komponen UI interaktif seperti tombol, bidang teks, dll.

ViewGroup adalah subkelas View dan menyediakan wadah tak terlihat yang

menampung Tampilan lain atau ViewGroup lain dan menentukan properti tata letaknya.

Pada tingkat ketiga kami memiliki tata letak berbeda yang merupakan subkelas dari

kelas ViewGroup dan tata letak tipikal mendefinisikan struktur visual untuk antarmuka

pengguna Android dan dapat dibuat baik pada waktu proses menggunakan View.

 

ViewGroup dapat juga disebut dengan layout karena ViewGroup mengelola tampilan child

dengan cara khusus dan umumnya digunakan sebagai root view. Berikut jenis-jenis layout

yang dapat kita gunakan dalam android :

 

A. LinearLayout : Viewgroup yang childnya diposisikan dan disejajarkan secara horizontal

atau secara vertikal

B. RelativeLayout: Viewgroup yang childnya diposisikan dan disejajarkan relatif terhadap

tampilan komponen dalam lainnya.

C. ConstrainLayout : Viewgroup yang childnya menggunakan titik jangkar, tepi, dan

panduan untuk mengontrol posisi tampilan relatif terhadap komponen lain di layout.

ConstrainLayout didesain untuk mempermudah saat menyeret dan melepaskan

tampilan di editor layout.

D. AbsoluteLayout : ViewGroup yang childnya disusun ke dalam baris dan kolom

E. FrameLayout : Viewgroup childnya bertumpuk.

F. GridLayout : Viewgroup childnya ditempatkan dalam kotak persegi panjang yang bisa

digulir.

Atribut umum Viewgroup

·       layout_height : untuk mengatur tinggi dari View

·       layout_width : untuk mengatur lebar dari View

·       layout_margin : untuk mengatur extra space di semua sisi luar View.

·       layout_marginTop : mengatur extra space sisi atas layout.

·       layout_marginBottom :mengatur extra space sisi bawah layout.

·       layout_marginLeft : mengatur extra space sisi kiri layout.

·       layout_marginRight : mengatur extra space sisi kanan layout.

·       layout_gravity : menentukan posisi child View.

·       layout_weight : menentukan seberapa banyak extra space dialokasikan.

·       layout_x : menentukan koordinat x layout.

·       layout_y : menentukan koordinat y layout.

·       paddingLeft : mengisi padding kiri layout.

·       paddingRight : mengisi padding kanan layout.

·       paddingTop : mengisi padding atas layout.

·       paddingBottom : mengisi padding bawah layout.

 

A.    Linear Layout

 

Android LinearLayout adalah grup tampilan yang meratakan semua Child view baik

secara vertikal maupun horizontal. LinearLayout mengelompokkan child view-nya dengan

menampilkan dalam satu baris atau kolom (vertikal atau horizontal). Viewgroup biasa

digunakan untuk membuat form.

 

Untuk prakteknya ikuti langkah berikut :

 

·       Buka IDE android studio

·       Ketikkan script program pada activity_main.xml seperti berikut

 

·       Hasil

 

B.    Relative Layout

 

Android RelativeLayout memungkinkan Anda menentukan bagaimana child views diposisikan secara relatif satu sama lain. Posisi setiap tampilan dapat ditentukan sebagai relatif terhadap elemen saudara atau relatif terhadap parent.

 

Untuk prakteknya ikuti langkah berikut :

 

·       Buka IDE android studio

·       Ketikkan script program pada activity_main.xml seperti berikut

 

·       Hasil

 

C.    Table Layout

Table Layout adalah Layout yang digunakan untuk membangun user interface (tampilan antar muka ) aplikasi android dengan berdasarkan Baris dan Kolom. Layout ini digunakan untuk keperluan tertentu saja karena kebanyakan pembangunan tampilan antarmuka lebih sering memanfaatkan Relative Layout dan Linear Layout.

Untuk prakteknya ikuti langkah berikut :

 

·       Buka IDE android studio

·       Ketikkan script program pada activity_main.xml seperti berikut

·       Hasil

 

D.    Absolute Layout

 

Absolute Layout menggunakan angka/koordinat untuk mengatur si widget

tersebut. Atribut yang digunakan adalah layout_x dan layout_y.

Android AbsoluteLayout digunakan ketika komponen UI di layar diposisikan pada posisi mereka mutlak sehubungan dengan asal di sudut kiri atas layout. Kita perlu menentukan x dan y koordinat posisi masing-masing komponen pada layar. AbsoluteLayout sudaj tidak direkomendasikan karena membuat UI tidak fleksibel, sebenarnya AbsoluteLayout sudah jarang digunakan.

 

Untuk prakteknya ikuti langkah berikut :

 

·       Buka IDE android studio

·       Ketikkan script program pada activity_main.xml seperti berikut

 

·       Hasil