实现可左右滑动的底部导航栏:FragmentTabHost+FrameLayout+ViewPager

FragmentTabHost:
1.通过setup()方法可使用FragmentTabHost的实例
这里写图片描述
2.通过newTabSpec()方法创建Tab的子项
3.通过setIndicator()方法设置自定义tab键的View
4.通过addTab()方法将Tab按钮添加进Tab选项卡中
这里写图片描述

具体代码如下:
1.布局代码:


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

    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1">

                <FrameLayout
                    android:id="@android:id/tabcontent"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" />

                <android.support.v4.view.ViewPager
                    android:id="@+id/main_vp"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" />
            RelativeLayout>

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:background="@drawable/bottom_bg_color"/>
        LinearLayout>

    android.support.v4.app.FragmentTabHost>


LinearLayout>

2.MainActivity.class
实现可左右滑动的底部导航栏:FragmentTabHost+FrameLayout+ViewPager_第1张图片
实现可左右滑动的底部导航栏:FragmentTabHost+FrameLayout+ViewPager_第2张图片
实现可左右滑动的底部导航栏:FragmentTabHost+FrameLayout+ViewPager_第3张图片

效果图如下:
实现可左右滑动的底部导航栏:FragmentTabHost+FrameLayout+ViewPager_第4张图片

你可能感兴趣的:(实现可左右滑动的底部导航栏:FragmentTabHost+FrameLayout+ViewPager)