XTabLayout百變樣式

XTabLayout是基於design包中的TabLayout進行了功能的擴展，在保留原有功能的基礎上，增長了修改選中項字體大小、字體粗體、字體和指示器顏色、分割線、指示器長度以及限制屏幕顯示範圍內顯示的Tab個數等功能

一、導入依賴

implementation 'com.androidkun:XTabLayout:1.1.3'

有可能編譯報錯，可添加

implementation 'com.android.support:design:27.1.0'

二、在佈局文件中設置XTabLayout屬性

TabLayout有的屬性，在XTabLayout中都會有，屬性名稱都是前面加個x，後面的t變成大寫

<com.androidkun.xtablayout.XTabLayout
    android:id="@+id/xTablayout"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    app:xTabMode="scrollable"
    app:xTabIndicatorColor="#0f0"
    app:xTabIndicatorHeight="4dp"
    app:xTabIndicatorWidth="15dp"
    app:xTabSelectedTextColor="#f00"
    app:xTabTextColor="#000"
    app:xTabTextSize="15sp"
    app:xTabSelectedTextSize="20sp"/>

使用方法和正常的Tab同樣

1）設置屏幕內顯示Tab個數

app:xTabDisplayNum="3"

或者代碼實現

tabLayout.setxTabDisplayNum(3);//須要寫在setupWithViewPager前
tabLayout.setupWithViewPager(viewPager);

2）設置Tab背景色，分別對應選中和未選中

app:xTabBackgroundColor="#fff" 
app:xTabSelectedBackgroundColor="#ff0"

3）設置指示器長度隨文本改變

app:xTabDividerWidthWidthText="true"

4）設置文本大小寫轉換功能，默認小寫不自動轉換大寫

在xml文件中添加
app:xTabTextAllCaps=」false」
或者在代碼中調用
xTabLayout.setAllCaps(false).

5）設置Tab之間的分割線

XML

app:xTabDividerWidth="2dp"
app:xTabDividerHeight="15dp"
app:xTabDividerColor="#000"
app:xTabDividerGravity="center"

不設置xTabDividerHeight屬性或者賦值爲0時則分割線高度佔滿

或者java

tabLayout.setDividerSize(5,20);
tabLayout.setDividerColor(Color.BLACK);
tabLayout.setDividerGravity(DividerDrawable.CENTER);

setDividerSize方法中第二個參數爲高度，若是設置爲0時則分割線高度佔滿

6）設置字體粗體

<!-- 設置選中Tab的文本是否粗體顯示-->
app:xTabTextSelectedBold="true"
<!-- 設置未選中Tab的文本是否粗體顯示-->
app:xTabTextBold="true"