Android 设置TabLayout选中后的字体、大小、颜色等设置-Toy模板网

这篇具有很好参考价值的文章主要介绍了Android 设置TabLayout选中后的字体、大小、颜色等设置。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

初始化
1）在xml中设置颜色变化

app:tabTextColor="@color/white_7f"
app:tabSelectedTextColor="@color/white"

其中，tabTextColor未未选中时的颜色，tabSelectedTextColor为选中时的颜色。
2）对已定义好的TabLayout进行处理。

//获取TabLayout设置的字体颜色,包含tabTextColor及tabSelectedTextColor
ColorStateList colorStateList = tabLayout.getTabTextColors();
//对每个Tab 设置customView，设置为TextView，用于设置字体大小等
for (int i = 0; i < tabLayout.getTabCount(); i++) {
    TabLayout.Tab tab = tabLayout.getTabAt(i);
    assert tab != null;
    String tabStr = Objects.requireNonNull(tab.getText()).toString();
    if(tab.getCustomView() == null || !(tab.getCustomView() instanceof TextView)){
         TextView tv = new TextView(tabLayout.getContext());
         tv.setTextColor(colorStateList);
         tv.setText(tabStr);
         tv.setTextSize(tab.isSelected()?selectSize:unSelectSize);
         tab.setCustomView(tv);
    }
}

在监听器中设置样式

tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                String tabStr = Objects.requireNonNull(tab.getText()).toString();
                if(onSelectedListener!=null){
                    onSelectedListener.onSelected(tabStr);
                }
                if(enableChangeSize){
                    TextView tv = (TextView) tab.getCustomView();
                    assert tv != null;
                    tv.setTextSize(selectSize);
                }
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                if(enableChangeSize){
                    TextView tv = (TextView) tab.getCustomView();
                    assert tv != null;
                    tv.setTextSize(unSelectSize);
                }
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });

在选中时或未选中时，获取已设置的TextView，然后可以去设置需要的大小、加粗等变化。

我做了一个简单的封装，这里分享一下。文章来源地址https://www.toymoban.com/news/detail-531448.html


public class TabLayoutUtil {
    private final TabLayout tabLayout;
    private boolean enableChangeSize = false;
    private int unSelectSize = 15,selectSize = 16;

    private TabLayoutUtil(TabLayout tabLayout) {
        this.tabLayout = tabLayout;
    }

    public static TabLayoutUtil build(TabLayout tabLayout){
        return new TabLayoutUtil(tabLayout);
    }

    public TabLayoutUtil enableChangeStyle() {
        this.enableChangeSize = true;
        ColorStateList colorStateList = tabLayout.getTabTextColors();
        for (int i = 0; i < tabLayout.getTabCount(); i++) {
            TabLayout.Tab tab = tabLayout.getTabAt(i);
            assert tab != null;
            String tabStr = Objects.requireNonNull(tab.getText()).toString();
            if(tab.getCustomView() == null || !(tab.getCustomView() instanceof TextView)){
                TextView tv = new TextView(tabLayout.getContext());
                //使用默认TabItem样式时，需要添加LayoutParams，否则会出现Tab文字不居中问题
                ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(-2,-2);
                tv.setLayoutParams(params);
                tv.setTextColor(colorStateList);
                tv.setText(tabStr);
                tv.setTextSize(tab.isSelected()?selectSize:unSelectSize);
                tab.setCustomView(tv);
            }
        }
        return this;
    }

    public TabLayoutUtil setTextSizes(int selectSize,int unSelectSize) {
        this.selectSize = selectSize;
        this.unSelectSize = unSelectSize;
        return this;
    }


    public TabLayoutUtil setOnSelectedListener(OnSelectedListener onSelectedListener) {
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                String tabStr = Objects.requireNonNull(tab.getText()).toString();
                if(onSelectedListener!=null){
                    onSelectedListener.onSelected(tabStr);
                }
                if(enableChangeSize){
                    TextView tv = (TextView) tab.getCustomView();
                    assert tv != null;
                    tv.setTextSize(selectSize);
                }
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                if(enableChangeSize){
                    TextView tv = (TextView) tab.getCustomView();
                    assert tv != null;
                    tv.setTextSize(unSelectSize);
                }
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
        return this;
    }

    public interface OnSelectedListener{
        void onSelected(String tabStr);
    }
}

到了这里，关于Android 设置TabLayout选中后的字体、大小、颜色等设置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！