效果圖

1、導入

implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar' //TabLayout第三方庫
gitup地址：https://github.com/H07000223/FlycoTabLayout

2、使用
xml布局：

    <!--tl_indicator_color：指示器的顏色-->
    <!--tl_indicator_height：指示器的高度-->
    <!--tl_indicator_width：指示器的寬度-->
    <!--tl_textUnselectColor：Tab未選中時字體的顏色-->
    <!--tl_textSelectColor：Tab選中時字體的顏色-->
    <!--tl_textsize：字體大小-->
    <!--tl_indicator_width_equal_title：設置指示器寬度與文本寬度一致-->
    <!--tl_tab_space_equal：設置Tab大小等分-->
    <!--tl_divider_color：分割線的顏色-->
    <!--tl_divider_width：分割線的寬度-->

<com.flyco.tablayout.SlidingTabLayout
    android:id="@+id/styleChoice_tab"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:tl_indicator_color="@color/theme"
    app:tl_indicator_height="2dp"

app:tl_tab_space_equal="true"

    app:tl_indicator_width="15dp"
    app:tl_textSelectColor="@color/theme"
    app:tl_textUnselectColor="@color/bottom_navigation_normal" />

activity:

public class MainActivity extends AppCompatActivity {
    private ViewPager mViewPager;
    private SlidingTabLayout slidingTabLayout;
    private ArrayList<Fragment> mFragments;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        slidingTabLayout = findViewById(R.id.stl_main);
        mViewPager = findViewById(R.id.vp_main);
        mFragments = new ArrayList<>();
        mFragments.add(new FirstFragment());
        mFragments.add(new SecondFragment());
        mFragments.add(new ThirdFragment());
//      無需編寫適配器，一行代碼關聯TabLayout與ViewPager
        slidingTabLayout.setViewPager(mViewPager, new String[]{"未支付賬單", "支付中賬單", "歷史賬單"}, this, mFragments);
    }
}

最后:
借鑒文章：https://www.jianshu.com/p/74a9f501eceb/

總結

以上是生活随笔為你收集整理的Android 第三方库FlycoTabLayout的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。