底部导航栏-----FragmentTabHost

移动开发作者： 2024-08-24 15:40:01

【说明】 1、主界面上添加父容器：FragmentTabHost 2、显示内容区域 3、导航区域【注意】 1、指定id时为android:id/tabhost，绑定时使用android.R.id.t

【说明】

　　　　属于v4兼容包

　　　　需要指定该id为android:id/tabhost,不能修改，表示由android系统来托管这个id。

　　　　本身是一个FrameLayout的子类

　　　　作为每选一个导航按钮，将显示导航对应的内容。这个内容区域需要使用一个容器来表示。

　　　　必须设定这个容器的id为android:id/tabcontent

　　　　需要指定导航元素——TabWidget

【注意】

【效果】

【项目结构】

【步骤】

<?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
    tools:context=".MainActivity"
    android:id="@android:id/tabhost">

    LinearLayout
        android:layout_width
        android:layout_height
        android:orientation="vertical">
        FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width
            android:layout_height="0dp"
            android:layout_weight="1">

        </FrameLayoutTabWidget
            ="@android:id/tabs"="?attr/actionBarSize"
            android:layout_gravity="bottom"TabWidget>
    LinearLayout>
android.support.v4.app.FragmentTabHost>

 1  2 LinearLayout
 3     ="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         ="@+id/ivTab"
12         android:layout_width="40dp"
13         android:layout_height14         android:layout_gravity="center"
15         android:padding="5sp"
16         android:scaleType="fitCenter"
17         android:src="@mipmap/ic_launcher"
18         />
19     TextView
20         ="@+id/tvTab"
21 22 23         android:gravity24         android:textColor="@color/writeTx"
25         android:text="聊天"
26         android:textSize="12sp"27 
28 >