iPhone Like Tab bar in Android

In a previous post we saw how to use the TabHost to create tabs in Android applications. Also we noticed that the Tabs in Android appear at the top of the activity.
but what if we want to give the tabs the look of the iPhone Tab Bar ?

this is possible by wrapping the TabWidget and the FrameLayout in a RelativeLayout container and adding android:layout_alignParentBottom="true" attribute to the TabWidget just like this:

<?xml version="1.0" encoding="utf-8"?>


 <TabHost android_layout_width="fill_parent"
 android_layout_height="fill_parent"
 android_id="@android:id/tabhost"
 
 >
 <RelativeLayout
 android_layout_width="fill_parent"
 android_layout_height="fill_parent"
 >
 <TabWidget
 android_layout_width="fill_parent"
 android_layout_height="wrap_content"
 android_id="@android:id/tabs"
 android_layout_alignParentBottom="true"
 />
 <FrameLayout
 android_layout_width="fill_parent"
 android_layout_height="fill_parent"
 android_id="@android:id/tabcontent"
 >
 
 </FrameLayout>
 </RelativeLayout>
 </TabHost>

Related Posts by Categories