切記,一定要先綁定viewpage再添加tab,否則tab的標題無法正常顯示出來。setupwithviewpager會在後臺做很多事,比如清空tabs等,為了更安全的顯示我們的tabs,在綁定viewpager之後,先清空一下tabs再添加 ...
綁定viewpager
此處主要說明tablayout的使用方法,viewpager綁定fragment的介紹在其他文章說明
mBinding.tabsLayout.setupWithViewPager(mBinding.vpTabs);
常見問題
-
切記,一定要先綁定viewpage再添加tab,否則tab的標題無法正常顯示出來
-
setupwithviewpager會在後臺做很多事,比如清空tabs等,為了更安全的顯示我們的tabs,在綁定viewpager之後,先清空一下tabs再添加
mBinding.tabsLayout.removeAllTabs();
添加 tab
mBinding.tabsLayout.addTab(mBinding.tabsLayout.newTab().setText("所有書籍"));
mBinding.tabsLayout.addTab(mBinding.tabsLayout.newTab().setText("發現"));
或者使用
private String[] lstTitles = new String[]{"所有書籍", "發現"};
for(int i = 0; i < lstTitles.length; i++){
mBinding.tabsLayout.addTab(mBinding.tabsLayout.newTab());
mBinding.tabsLayout.getTabAt(i).setText(lstTitles[i]);
}
常用屬性設定
設定文本顏色
app:tabTextColor="@color/tab_text" //設定標題文本顏色
app:tabSelectedTextColor="@color/tab_text" //設定標題文本選中後顏色
上面只需要設置tabtextcolor即可,具體選中後的顏色可以在顏色屬性里設置
tab_text.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/colorAccent" android:state_checked="true"/>
<item android:color="@color/colorAccent" android:state_selected="true"/>
<item android:color="#000"/>
</selector>