Layout secrets: “layer-list” and “include”

layer-list

You can simple combine several drawables into one using <layer-list> tag.

like this:

note: Unfortenately you cannot resize drawables in layer-list. You can only move it.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item>
      <shape>
         <solid android:color="#FFF8F8F8" />
      </shape>
   </item>
   <item android:top="23px">
      <shape>
         <solid android:color="#FFE7E7E8" />
      </shape>
   </item>
</layer-list>

include

You can put similar layout elements into separate XML and use <include> tag to use it.

simple example:

track_list_item.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="64dip"
    android:gravity="center_vertical"
    android:ignoreGravity="@+id/icon">
 
    <include layout="@layout/track_list_item_common" />;
 
</RelativeLayout>

track_list_item_common.xml

<merge xmlns:android="http://schemas.android.com/apk/res/android">
 
    <ImageView android:id="@+id/icon"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="4dip"
        android:layout_width="60px"
        android:layout_height="60px"/>
...
</merge>
Share
February 5th, 2009 in xml layout | tags: , ,
  • sakul

    you should paste the final image/drawable..it would be helpful to see the final product