android-底部tabbar页面_fixedviewpager-CSDN博客

本文链接：https://blog.csdn.net/qq_36935391/article/details/121317529

一引入第三方组件

//底部tab栏
    implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar'

二.布局

主activity布局（activity_main_xml）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    xmlns:tl="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
   >
    <!--    FixedViewPager   自己定义的就是平滑滚动-->
    <com.example.tabsapplication.view.FixedViewPager
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:id="@+id/viewwpaer"
        android:layout_weight="1"
        >
    </com.example.tabsapplication.view.FixedViewPager>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"
        ></View>
    <!--    com.flyco.tablayout.CommonTabLayout-->
    <com.flyco.tablayout.CommonTabLayout
        android:id="@+id/commonTabLayout"
        android:layout_width="match_parent"
        android:layout_height="54dp"
        android:background="#ffffff"
        tl:tl_iconHeight="30dp"
        tl:tl_iconWidth="30dp"
        tl:tl_indicator_color="#2C97DE"
        tl:tl_indicator_height="0dp"
        tl:tl_textSelectColor="#0025ff"
        tl:tl_textUnselectColor="#454544"
        tl:tl_textsize="14sp"
        tl:tl_underline_color="#DDDDDD"
        tl:tl_underline_height="1dp"></com.flyco.tablayout.CommonTabLayout>

</LinearLayout>

2.首页frgment（fragment_home）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    xmlns:tl="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
   >
    <!--    FixedViewPager   自己定义的就是平滑滚动-->
    <com.example.tabsapplication.view.FixedViewPager
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:id="@+id/viewwpaer"
        android:layout_weight="1"
        >
    </com.example.tabsapplication.view.FixedViewPager>
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/black"
        ></View>
    <!--    com.flyco.tablayout.CommonTabLayout-->
    <com.flyco.tablayout.CommonTabLayout
        android:id="@+id/commonTabLayout"
        android:layout_width="match_parent"
        android:layout_height="54dp"
        android:background="#ffffff"
        tl:tl_iconHeight="30dp"
        tl:tl_iconWidth="30dp"
        tl:tl_indicator_color="#2C97DE"
        tl:tl_indicator_height="0dp"
        tl:tl_textSelectColor="#0025ff"
        tl:tl_textUnselectColor="#454544"
        tl:tl_textsize="14sp"
        tl:tl_underline_color="#DDDDDD"
        tl:tl_underline_height=&