Android 设置TabLayout选中后的字体、大小、颜色等设置

本文介绍了如何在Android TabLayout中设置选中和未选中时的颜色,并动态调整TextView字体大小,以及创建一个封装工具类来简化操作。通过TabLayoutUtil实现颜色和样式定制,包括监听器的设置和字体大小切换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 初始化
    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);
        }
    }
  2. 在监听器中设置样式
    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,然后可以去设置需要的大小、加粗等变化。

  3. 我做了一个简单的封装,这里分享一下。

    
    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`的选中标签添加点击样式加粗,你可以通过自定义一个`TextView`样式,并将其应用到你的`TabLayout`的`TabGravity`上。以下是步骤: 1. 首先,在你的项目资源文件`styles.xml`中创建一个新的样式,例如,名为`BoldTextAppearance`,并将`android:textStyle`属性设置为`bold`,表示加粗文本: ```xml <style name="BoldTextAppearance" parent="Base.TextAppearance.AppCompat.Widget.ActionBar.Title"> <item name="android:textSize">16sp</item> <!-- 自定义字体大小 --> <item name="android:textColor">@color/tab_selected_color</item> <!-- 设置选中颜色 --> <item name="android:textStyle">bold</item> </style> ``` 确保将`android:textSize`调整为你想要的字体大小。 2. 然后,在你的`Activity`或`Fragment`中初始化`TabLayout`时,为其设置这个自定义样式作为默认项: ```java TabLayout tabLayout = findViewById(R.id.tab_layout); tabLayout.getTabTextColors().withDefaultColorStateList(ContextCompat.getColorStateList(this, R.color.tab_text_color)); tabLayout.setTabTextAppearance(R.style.BoldTextAppearance); ``` 这里假设你已经有了用于未选中状态的颜色(`tab_text_color`),以及选中状态的颜色(`tab_selected_color`)。 3. 最后,如果你还想在用户点击时保持加粗效果,可以监听`TabLayout`的`onTabSelected()`事件并更新相应的`TextView`样式: ```java tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { if (tab != null) { TextView textView = (TextView) tab.getCustomView(); if (textView != null) { textView.setTextAppearance(tab.getContext(), R.style.BoldTextAppearance); } } } // 其他方法... }); ``` 现在,当`TabLayout`中的标签被点击时,它们将以加粗的样式显示。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值