Skip to main content
Panduan Membuat Aplikasi untuk Pemula

Cara Penggunaan Frame Layout pada Android dengan Mudah

Sebelumnya kita telah mempelajari RelativeLayout, LinearLayout dan TableLayout untuk merancang tampilan antar muka aplikasi android. Bagaimana jika kita harus membuat beberapa UI seperti saling tumpang tindih (menumpuk) seperti contoh dibawah. Ini tidak mungkin dilakukan dengan LinearLayout dan RelativeLayout.

Penggunaan Frame Layout pada Android
Sumber : Skynils

FrameLayout adalah layout yang paling tepat  untuk membuat beberapa UI saling tumpang tindih. Contohnya kita dapat menyisipkan widget (tombol) ke dalam widget lainya (gambar).

Contoh penggunaan

Buat layout atau project baru pada android studio, pada Activity_main.xml tambahkan kode-kode berikut ini

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#1113">

   
    <ImageView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:background="@color/colorPrimary"
        
         />

    <Button
        android:layout_width="300px"
        android:layout_height="100px"
        android:layout_gravity="center"
        android:text="Tombol"
        android:background="@color/colorAccent"
        android:textColor="#fff"
        android:textSize="20sp" />
</FrameLayout>

Hasilnya adalah sebagai berikut :

Penggunaan Frame Layout pada Android

Cukup mudah bukan membuat layout menggunakan Frame Layout. Silahkan pelajari lagi agar kamu lebih mahir.

Bagian berikutnya >

Tulisan Menarik Lainnya :