Search code examples
androidfragment-tab-host

FragmentTabHost TabStrip at the top


I have a FragmentTabHost in my layout of FragmentActivity.

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/llDetector"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <FrameLayout
            android:id="@+id/realtabcontent"
            android:layout_width="match_parent"
            android:layout_height="0dip"
            android:layout_weight="1" />

        <android.support.v4.app.FragmentTabHost
            android:id="@android:id/tabhost"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
    <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="0" />
        </android.support.v4.app.FragmentTabHost>

    </LinearLayout>

enter image description here

It's working fine but I want my Tabstrip to be at the top of the tabwidget. How can I achieve that? Thanks in advance!


Solution

  • Okay I did it my way!

    What I did is to inflate the layout of my TabWidget and add it to my FragmentTabHost,

    like this:

    View vTab = LayoutInflater.from(this).inflate(R.layout.tab_icon,    null, false);
    mainTabhost.addTab(mainTabhost.newTabSpec("tab1").setIndicator(vTab),   Fragment_Sample.class, null);
    

    and on my tab_icon xml file:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="3dp"
            android:background="@drawable/tab_icon_selector_inverse"
            android:textColor="@color/white" />
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/tab_icon_selector"
            android:drawableTop="@drawable/ic_icons"
            android:gravity="center"
            android:paddingBottom="5dp"
            android:paddingTop="5dp"
            android:text="@string/static_tab_whats_up"
            android:textColor="@color/white"
            android:textSize="11sp" />
    
    </LinearLayout>
    

    In case, any one needs also this. This will be of help.