Badoy Studio

Cara Penggunaan Frame Layout pada Android dengan Mudah

Panduan Membuat Aplikasi untuk Pemula

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 FrameLayout di Android Studio

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.

[maxbutton id=”20″]