TabLayout您可能不知道的實用用法

摘要： 一、修改點選的動畫 函式： setUnboundedRipple這是預設的點選的動畫 我們用程式碼修改一下： mGlueTabLayout.setUnboundedRipple(true); 這是之後的效果： 二、設定下劃線指...

一、修改點選的動畫

函式： setUnboundedRipple
這是預設的點選的動畫

我們用程式碼修改一下：

mGlueTabLayout.setUnboundedRipple(true);

這是之後的效果：

二、設定下劃線指示器的寬度不要填充完（動態的根據TabView的寬度來設定自身的寬度）

函式： setTabIndicatorFullWidth
這是預設的效果

我們用程式碼修改一下：

mGlueTabLayout.setTabIndicatorFullWidth(false);

這是之後的效果：

三、設定下劃線指示器的樣式

函式： setSelectedTabIndicator
這是預設的效果

我們用程式碼改變：

GradientDrawable gradientDrawable = new GradientDrawable();
gradientDrawable.setCornerRadius(dp2px(2));
mGlueTabLayout.setSelectedTabIndicator(gradientDrawable);

我改變了其的直角，變為了圓角，看效果吧：

您也可以在 res/drawable 資料夾下寫個xml檔案傳入 setSelectedTabIndicator(@DrawableRes int tabSelectedIndicatorResourceId)

，效果是一樣的。

這個您也許也需要

這個動畫很好看，我也在一些應用上看到它的影子，比如微博。

所以，我寫了 GlueTabLayout 簡單擴充套件了 TabLayout ，添加了這個動畫， GlueTabLayout 本質就是 TabLayout ，一點未變，您怎麼用 TabLayout ，就可以怎麼使用 GlueTabLayout ，是不是很友好，哈哈。

我還添加了一個 TabLayout 沒有提供的方法，我添加了精確設定下劃線指示器寬度的方法。

我把它開源了，用以方便有需要的人，更詳細的內容移步 ofollow,noindex">GitHub 。

以上 :）