設置tabhost位於底部的三種方法

對於Android自帶的tabhost組件，是位於頁面頂端的，若想讓其位於頁面底端，在這裏提供兩種方法。

 

方法一

1、tabcontent和tabs交換位置

 

2、設置tabcontent的屬性：android:layout_weight="1"

 

範例

[html]  

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_width="match_parent"  

    android:layout_height="match_parent" >  

  

    <TabHost  

        android:id="@android:id/tabhost"  

        android:layout_width="match_parent"  

        android:layout_height="match_parent"  

        android:layout_alignParentLeft="true"  

        android:layout_alignParentBottom="true"  >  

  

        <LinearLayout  

            android:layout_width="match_parent"  

            android:layout_height="match_parent"  

            android:orientation="vertical" >  

  

            <FrameLayout  

                android:id="@android:id/tabcontent"  

                android:layout_width="match_parent"  

                android:layout_height="match_parent"  

                android:layout_weight="1" >  

  

                中間部分省略  

                  

            </FrameLayout>  

  

            <TabWidget  

                android:id="@android:id/tabs"  

                android:layout_width="match_parent"  

                android:layout_height="wrap_content" >  

            </TabWidget>  

        </LinearLayout>  

    </TabHost>  

  

</RelativeLayout>  

 

 

方法二

1、tabcontent和tabs交換位置

 

2、將tabs放到一個relativeLayout中，然後加上如下屬性：android:layout_alignParentBottom="true"

範例

[html] 

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_width="match_parent"  

    android:layout_height="match_parent" >  

  

    <TabHost  

        android:id="@android:id/tabhost"  

        android:layout_width="match_parent"  

        android:layout_height="match_parent"  

        android:layout_alignParentLeft="true"  

        android:layout_alignParentBottom="true"  >  

  

        <FrameLayout  

            android:id="@android:id/tabcontent"  

            android:layout_width="match_parent"  

            android:layout_height="match_parent" >  

  

                中間部分省略  

                  

        </FrameLayout>  

  

        <RelativeLayout  

            android:layout_width="match_parent"  

            android:layout_height="match_parent" >  

  

            <TabWidget  

                android:id="@android:id/tabs"  

                android:layout_width="match_parent"  

                android:layout_height="wrap_content"  

                android:layout_alignParentBottom="true" >  

            </TabWidget>  

        </RelativeLayout>  

    </TabHost>  

  

</RelativeLayout>  

 

方法三

1、將tabcontent和tabs交換位置（tabs移動到LinearLayout標籤以下）

2、在tabcontent中加入屬性：android:layout_gravity="top"

3、在tabs中加入屬性：android:layout_gravity="bottom" 

範例

[html]  <?xml version="1.0" encoding="UTF-8"?>  

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_width="fill_parent"  

    android:layout_height="fill_parent" >  

  

    <TabHost  

        android:id="@android:id/tabhost"  

        android:layout_width="match_parent"  

        android:layout_height="match_parent"  

        android:layout_alignParentBottom="true"  

        android:layout_alignParentLeft="true" >  

  

        <LinearLayout  

            android:layout_width="match_parent"  

            android:layout_height="match_parent"  

            android:orientation="vertical" >  

  

            <FrameLayout  

                android:id="@android:id/tabcontent"  

                android:layout_width="match_parent"  

                android:layout_height="match_parent"   

                android:layout_gravity="top">  

  

                中間部分省略  

                  

            </FrameLayout>  

        </LinearLayout>  

          

        <TabWidget  

            android:id="@android:id/tabs"  

            android:layout_width="match_parent"  

            android:layout_height="wrap_content"  

            android:layout_gravity="bottom" >  

        </TabWidget>  

          

    </TabHost>  

  

</RelativeLayout>