一、修改點擊的動畫 函數: 這是預設的點擊的動畫 我們用代碼修改一下: 這是之後的效果: 二、設置下劃線指示器的寬度不要填充完(動態的根據TabView的寬度來設置自身的寬度) 函數: 這是預設的效果 我們用代碼修改一下: 這是之後的效果: 三、設置下劃線指示器的樣式 函數: 這是預設的效果 我們用 ...
一、修改點擊的動畫
函數: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
沒有提供的方法,我添加了精確設置下劃線指示器寬度的方法。
我把它開源了,用以方便有需要的人,更詳細的描述移步 GitHub 。
以上 :)