【說明】

　　1、主界面上添加父容器：FragmentTabHost

　　　　屬於v4相容包

　　　　需要指定該id為android:id/tabhost,不能修改，表示由android系統來托管這個id。

　　　　本身是一個FrameLayout的子類

　　2、顯示內容區域

　　作為每選一個導航按鈕，將顯示導航對應的內容。這個內容區域需要使用一個容器來表示。

　　必須設定這個容器的id為android:id/tabcontent

　　3、導航區域　　

　　需要指定導航元素——TabWidget

【註意】

　　1、指定id時為android:id/tabhost，綁定時使用android.R.id.tabhost.

　　2、每一個Tab對應的Fragment的會填充到tabcontext上

【效果】

【步驟】

　　①修改activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.app.FragmentTabHost xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:id="@android:id/tabhost">

    <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="0dp"
            android:layout_weight="1">

        </FrameLayout>

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_gravity="bottom">

        </TabWidget>
    </LinearLayout>
</android.support.v4.app.FragmentTabHost>

　　②創建main_tab_item.xml底部導航的單個佈局

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout
 3     xmlns:android="http://schemas.android.com/apk/res/android"
 4     android:layout_width="match_parent"
 5     android:layout_weight="1"
 6     android:layout_height="wrap_content"
 7     android:orientation="vertical"
 8     android:background="@color/blackBg">
 9 
10     <ImageView
11         android:id="@+id/ivTab"
12         android:layout_width="40dp"
13         android:layout_height="40dp"
14         android:layout_gravity="center"
15         android:padding="5sp"
16         android:scaleType="fitCenter"
17         android:src="@mipmap/ic_launcher"
18         />
19     <TextView
20         android:id="@+id/tvTab"
21         android:layout_width="match_parent"
22         android:layout_height="wrap_content"
23         android:gravity="center"
24         android:textColor="@color/writeTx"
25         android:text="聊天"
26         android:textSize="12sp"/>
27 
28 </LinearLayout>