Android 仿淘宝淘抢购导航栏Tablayout自定义Tab

1布局界面

首先导入XTabLayout依赖

 

implementation 'com.androidkun:XTabLayout:1.1.4'

<?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:orientation="vertical"
    android:layout_height="match_parent"
    android:background="@color/purple_primary"
    tools:context=".activity.TabActivity">
    <com.androidkun.xtablayout.XTabLayout
        android:layout_marginTop="@dimen/dp_10"
        android:id="@+id/tabLayout"
        app:xTabMaxWidth="@dimen/dp_80"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_62"
        app:xTabMode="scrollable"
        app:xTabSelectedTextColor="@color/orange"
        app:xTabTextColor="@color/colorWhite"
        app:xTabTextSize="13sp"
        android:layout_marginBottom="@dimen/dp_10"
        app:xTabSelectedTextSize="15sp"/>
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

2 Activity界面

private XTabLayout tabLayout;
private ViewPager view