Mengenal FrameLayout. FrameLayout merupakan ViewGroup yang dapat membuat widget saling tumpang tindih. Berikut gambaran posisi widget dalam penggunaan FrameLayout.

struktur-framelayout.jpg (20 KB)Dalam FrameLayout, widget paling atas dalam kode akan di tampilan paling belakang, sedangkan widget paling bawah dalam kode akan ditampilkan paling depan. Berikut contoh kode penggunaan framelayout.

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/widget_1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorPrimary" />

    <Button
        android:id="@+id/widget_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Widget 2" />
</FrameLayout>

Pada tutorial Mengenal FrameLayout, Kita akan membangun layout sederhana dengan menggunakan dua widget yaitu ImageView dan TextView. Posisi  TextView akan di buat berada paling depan dari ImageView. 

Buat file layout baru dengan klik kanan di folder layout, kemudian pilih new -> Layout resource file. Pada jendela New Resource File masukan data seperti berikut :

  • File name : "activity_budimo"
  • Root element : "FrameLayout"
  • Biarkan opsi lain sebagaimana adanya.

Kemudian Klik OK.

activity-budimo.jpg (47 KB)

Untuk Gambar yang akan digunakan widget ImageView, kamu bisa download di sini. Copy gambar tersebut dan paste di folder drawable.  

Buka activity_budimo.xml dan modifikasi framelayout seperti kode di bawah.

Daftar Untuk Lanjut Belajar Tutorial Mengenal FrameLayout

Sepertinya kamu belum daftar teknorial.com, ya ? Yuk klik tombol daftar supaya kamu dapat memulai belajar pemrograman gratis disni dan dapatkan notifikasi update kelas pemrograman ini dari kami memalui email.

Daftar Akun

Sudah memiliki akun? Klik disini untuk Log In.