Belajar Android Studio 1.4 : Frame Layout – Frame layout digunakan untuk menampilkan satu komponen dalam satu layar. Jika ada lebih dari satu widget, maka akan ditampilkan secara bertumpuk, walaupun posisi widget dapat diatur dengan gravity.  Kita dapat menambahkan layout lain sebagai child di dalam frame layout.

Berikut contoh untuk deklarasi berikut menampilkan dua ImageView (pastikan file image telah disimpan di direktori {project}/res/drawable-hdpi, {project}/res/drawable-ldpi dan {project}/res/drawable-mdpi ).

  • Pertama Klik File -> New ,lalu klik Android Application Project.
  • Isikan kotak dialog new seperti berikut
Project name FrameLayout
Build target Android 2.2
Application name FrameLayout
Package name Com.example.framelayout
Create activity MembuatFrameLayout
Min SDK version 8
  • Kemudian klik kanan change layout dan pilih Frame Layout
Randd Soft : Belajar Android Studio
  • Buka atau klik main.xml, lalu masukan kode program berikut :
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/FrameLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content" //lebar gambar widget
        android:layout_height="100dp" //tinggi gambar widget
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:src="@drawable/ic_launcher" />

</FrameLayout
  • Pada baris ke 1 sampai 10 merupakan script XML yang menunjukan bahwa tampilan tersebut adalah frame layout. Pada layout ini terdapat dua widget yaitu Image view. Perhatikan android:layout_height="100dp" script ini digunakan untuk merubah ukuran tinggi dari gambar yang digunakan.

    Pada android:layout_width="wrap_content", script ini digunakan untuk merubah ukuran lebar dari gambar. Sebagai contoh pada gambar pertama ukuran tinggi adalah 100dp dan pada gambar kedua ukuran tinggi adalah 50dp, sehingga hasilnya kedua gambar tersebut akan bertumpukan.
  • Hasil akhir project adalah sebagai berikut.
Randd Soft : Belajar Android Studio

Belajar Android Studio 1.4 : Frame Layout – Baca juga :

Randd Soft : Belajar Android Studio