11 Mar

Fungsi Layout Weight sebagai Spacer dalam Linear Layout

Dear JavaClopedia Fans,

Kemarin hari Sabtu saya penasaran dengan yang namanya android:layout_weight di dalam desain XML Layout Android. Pasalnya saya asal pakai di dalam membuat produk Marbel Dongeng. Karena awalnya asal pakai jadinya tidak begitu paham dan saya niatkan untuk menelusuri apa maksud dari komponen tersebut. Nah sobat JavaClopedia, berikut ulasannya.

Sebelum kita melihat implementasi secara langsung, kasusnya adalah sebagai berikut. Saya ingin membuat desain layout di Android dengan urutan:

** Icon 1 ********* Icon 2 ** Icon 3 **

Icon 1 memiliki layout LEFT, sedangkan Icon 2 dan Icon 3 memiliki layout RIGHT. Seandainya dijalankan di dalam device yang lebih lebar akan menjadi seperti ini:

** Icon 1 ***************************** Icon 2 ** Icon 3 **

kesimpulannya adalah, seberapa lebar device yang ada. Maka posisi Icon 2 dan Icon 3 akan berada di bagian kanan (RIGHT). seandainya Icon 2 saya hapus akan menjadi seperti ini nantinya:

** Icon 1 ************************************** Icon 3 **

Contoh kasus di atas dapat kita wujudkan menggunakan komponen android:layout_weight sebagai spacer. Kenapa disebut spacer? karena dapat memberikan ruang yang dinamis kepada komponen View tertentu.

Berikut contoh kode programnya:

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="72dp" android:orientation="horizontal" android:background="@android:color/holo_purple">
 
    <imageview android:layout_width="72dp" android:layout_height="fill_parent" android:src="@android:drawable/star_big_on" android:background="@android:color/transparent"></imageview>
     
    <!-- If only 1 View has a layout weight then it will automatically fill the rest of the LinearLayout in that dimension. -->
    <imageview android:id="@+id/SpacerView" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"></imageview>
     
    <imagebutton android:id="@+id/show_map" android:layout_width="72dp" android:layout_height="fill_parent" android:src="@android:drawable/ic_menu_add" android:background="@android:color/transparent"></imagebutton>
    <imagebutton android:id="@+id/show_phone" android:layout_width="72dp" android:layout_height="fill_parent" android:src="@android:drawable/ic_menu_edit" android:background="@android:color/transparent"></imagebutton>
 
</linearlayout>

Perhatikan baik-baik bagian android:layout_weight=”1″, pada bagian tersebut artinya adalah komponen tersebut akan memiliki weight (lebar) yang semaksimal mungkin sisa dari pemakaian ruang dari komponen yang lain. Apabila tidak ada komponen yang lain maka otomatis akan memenuhi lebar device.

Semoga bermanfaat bagi teman-teman

Best Regards,

Andi Taru – JavaClopedia Founder