Android Cookers: I-phone style Tabhost

By default we have a tabhost widget for android,that is shown at the top of the screen.This tabhost can be used effectively.But sometimes we want to move the tabhost at the bottom of the screen.There are to ways for this.
1:Using Relative Layout as a container of the tabhost childrens(i.e.:the tabcontents and the tab).
2:Give "android:layout_weight" the value "1".

1st approach(Using Relative Layout):

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <FrameLayout android:id="@android:id/tabcontent"
             android:layout_width="fill_parent"
             android:layout_height="fill_parent"
             android:layout_alignParentTop="true"
             android:layout_above="@android:id/tabs" />
    <TabWidget android:id="@android:id/tabs"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:layout_alignParentBottom="true" />
             //this property moves the tabwidget to bottom
    </RelativeLayout>
</TabHost>

Now the 2nd approach(Using "android:layout_weight"):

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp">
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:layout_weight="1"/>
            //this property moves the tabwidget to bottom
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"/>
    </LinearLayout>
</TabHost>

But we want the I-phone style tab here.Now the tabhost is in bottom,but it does not look like the i-phone tabbar.
So we need to follow some steps that give us the following screen...

First of all make a new project with your desired name.Now define the "main.xml" in layout folder like this:

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@android:id/tabhost" android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <LinearLayout android:orientation="vertical"
  android:layout_width="fill_parent" android:layout_height="fill_parent">
  <FrameLayout android:id="@android:id/tabcontent"
   android:layout_width="fill_parent" android:layout_height="0dip"
   android:layout_weight="1" /> 
  <TabWidget android:id="@android:id/tabs"
   android:layout_width="fill_parent" android:layout_height="wrap_content"
   android:layout_weight="0"  />
 </LinearLayout>
</TabHost>

I-phone style tabbar in Android...