TabLayout 设置选中Tab字体加粗,这可能是全网最新写法

为什么写这篇文章?是因为搜了全网都没有一个很简洁的方式

有的只是去给 TabLayout 添加「自定义的布局」,然后再对 TabLayout 进行 Tab 卡片的切换进行监听,来更改 「自定义布局」 中的 文字的加粗或者其他。

都说懒是提高效率的重要原因,对于我搜到的解决方案,我是不想采纳的。

所以,我就开始反复琢磨,看有没有更简洁,更完美的方案,而TabLayout 并没有暴露出来更多的“漏洞”让我钻空子,所以我的方案一再被否定。

不过最终,在对懒的目标的坚持下,我得到了这样的方案。

监听 Tab 卡片的切换 + SpannableString 富文本
是不是写到这里,大家都懂了呢?

来看下具体的代码吧~

  tablayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                if (tab == null || tab.getText() == null) {
                    return;
                }
                String trim = tab.getText().toString().trim();
                SpannableString spStr = new SpannableString(trim);
                StyleSpan styleSpan_B = new StyleSpan(Typeface.BOLD);
                spStr.setSpan(styleSpan_B, 0, trim.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
                tab.setText(spStr);

            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                if (tab == null || tab.getText() == null) {
                    return;
                }
                String trim = tab.getText().toString().trim();
                SpannableString spStr = new SpannableString(trim);
                StyleSpan styleSpan_B = new StyleSpan(Typeface.NORMAL);
                spStr.setSpan(styleSpan_B, 0, trim.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
                tab.setText(spStr);
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {
            }
        });
好的,这是一个简单的 Java 代码实现自定义 TabLayout 并选中字体加粗的示例: 首先,创建一个自定义的 TabLayout 类 CustomTabLayout 继承自 TabLayout: ```java public class CustomTabLayout extends TabLayout { public CustomTabLayout(Context context) { super(context); } public CustomTabLayout(Context context, AttributeSet attrs) { super(context, attrs); } public CustomTabLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override public void addTab(Tab tab, boolean setSelected) { super.addTab(tab, setSelected); if (setSelected) { // 设置选中Tab字体加粗 setTabBold(tab); } } @Override public void setOnTabSelectedListener(@Nullable OnTabSelectedListener listener) { super.setOnTabSelectedListener(new OnTabSelectedListener() { @Override public void onTabSelected(Tab tab) { // 设置选中Tab字体加粗 setTabBold(tab); if (listener != null) { listener.onTabSelected(tab); } } @Override public void onTabUnselected(Tab tab) { // 取消选中Tab字体加粗 setTabNormal(tab); if (listener != null) { listener.onTabUnselected(tab); } } @Override public void onTabReselected(Tab tab) { if (listener != null) { listener.onTabReselected(tab); } } }); } // 设置选中Tab字体加粗 private void setTabBold(Tab tab) { TextView textView = tab.getCustomView().findViewById(android.R.id.text1); textView.setTypeface(null, Typeface.BOLD); } // 取消选中Tab字体加粗 private void setTabNormal(Tab tab) { TextView textView = tab.getCustomView().findViewById(android.R.id.text1); textView.setTypeface(null, Typeface.NORMAL); } } ``` 在上面的代码中,我们重写了 addTab 和 setOnTabSelectedListener 方法来实现选中Tab 加粗。在 addTab 方法中,我们设置选中Tab加粗字体;在 setOnTabSelectedListener 方法中,我们监听选中Tab 和取消选中Tab,并分别设置加粗字体和普通字体。 最后,在布局文件中使用 CustomTabLayout 来代替 TabLayout: ```xml <com.example.CustomTabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="fixed" app:tabGravity="fill" /> ``` 这样,就可以实现自定义 TabLayout 并选中字体加粗了。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值