Android Basic Layout Part 2 : Frame Layout

Mengatur penempatan user interface dengan mudah dan rapi pada aplikasi Android menggunakan Frame Layout

Introduction Frame Layout

Frame Layout adalah sebuah layout yang menampilkan dan memposisikan semua elemen widget atau view didalamnya menjadi bertumpuk atau saling menutupi satu dengan yang lainnya (layering). Komponen widget atau view yang paling awal pada layout ini akan berada dibawah atau ditumpuk oleh kompenen komponen setelahnya.

Attribut dan Value Frame Layout

Frame Layout memiliki beberapa atribut serta valuenya untuk mengatur layout. Berikut Beberapa atribut yang sering dipakai dalam suatu Linear Layout adalah :

• android:id

untuk referensi identitas di source code kotlin atau java.

• android:layout_width

untuk mengatur lebar ukuran layout.

value yang dapat digunakan pada attribut ini adalah

“wrap_content” : nilai yang menyesuaikan tinggi atau lebar suatu layout sesuai dengan ukuran elemen widget atau view di dalamnya

“match_parent” : nilai yang menyesuaikan tinggi atau lebar suatu layout sesuai dengan ukuran smartphone android.

• android:layout_height

untuk mengatur tinggi ukuran layout.

“wrap_content” : nilai yang menyesuaikan tinggi atau lebar suatu layout sesuai dengan ukuran elemen widget atau view di dalamnya

“match_parent” : nilai yang menyesuaikan tinggi atau lebar suatu layout sesuai dengan ukuran smartphone android.

• android:margin

untuk memberi jarak diluarnya widget atau view yang diberi margin dengan komponen lain .

• android:padding

untuk memberi jarak didalam widget atau view yang diberi padding. Biasanya ini digunakan untuk mempertebal atau memperlapis sebuah widget atau view

Membuat Frame Layout

Berikut contoh desian user interface yang akan dibuat menggunakan FrameLayout :

• Contoh desain pertama

berikut hasil source code untuk membuat tampilan user interface menggunakan frame layout pada contoh desain pertama.

• Contoh desain kedua

berikut hasil source code untuk membuat tampilan user interface menggunakan frame layout pada contoh desain kedua.