home.xml

<?xml version="1.0" encoding="utf-8"?> 
<merge xmlns:android="http://schemas.android.com/apk/res/android">     
  <include  layout="@layout/background" /> 
     <LinearLayout 
        android:orientation="vertical" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
     <include layout="@layout/navigator" /> 
  <include layout="@layout/list" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_weight="1.0" /> 
  <include layout="@layout/tab" /> 
 </LinearLayout> 
</merge> 

background.xml

<?xml version="1.0" encoding="utf-8"?> 
    <ImageView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/background" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:scaleType="fitXY" 
    android:background="@color/background"   
/> 

<?xml version="1.0" encoding="utf-8"?> 
   <RelativeLayout 
      android:layout_width="fill_parent" 
      android:layout_height="64dp" 
      android:gravity="center_vertical"   
      style="@android:style/ButtonBar"> 
 <Button    
      android:id="@+id/button_back"   
      android:layout_width="wrap_content" 
      android:layout_height="40dp" 
      android:text="@string/back" /> 
 <Button   
      android:id="@+id/button_home"   
      android:layout_width="wrap_content" 
      android:layout_height="40dp" 
      android:layout_alignParentRight="true" />   
<TextView    
      android:id="@android:id/title"   
      android:layout_width="fill_parent"   
      android:layout_height="wrap_content" 
      android:layout_toRightOf="@id/button_back" 
      android:layout_toLeftOf="@id/button_home" 
      android:gravity="center" 
      android:singleLine="true" 
      android:ellipsize="marquee" 
      android:textAppearance="?android:attr/textAppearanceMedium" />      
</RelativeLayout> 

tab.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout   
   xmlns:android="http://schemas.android.com/apk/res/android"   
   android:layout_width="fill_parent"   
   android:layout_height="?android:attr/listPreferredItemHeight"> 
<ImageButton    
   android:id="@+id/tab_profile" 
   android:layout_width="wrap_content"   
   android:layout_height="wrap_content" 
   android:src="@drawable/tab_profile" 
   android:layout_weight="1.0" 
   android:background="@drawable/bg_btn" />   
<ImageButton   
   android:id="@+id/tab_friends" 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   android:layout_weight="1.0" 
   android:src="@drawable/tab_friends" 
   android:background="@drawable/bg_btn" /> 
<ImageButton   
  android:id="@+id/tab_games"   
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:layout_weight="1.0" 
  android:src="@drawable/tab_games"   
  android:background="@drawable/bg_btn" /> 
</LinearLayout> 

【編輯推薦】

谷歌Android UI設計技巧:框架特性

谷歌Android UI設計技巧:新的UI設計模式

谷歌Android UI設計技巧:優(yōu)秀UI設計準則