关于TabLayout设置文字+图片时，图片显示不出来的问题。

最新推荐文章于 2023-11-10 16:49:00 发布

汉三姓胡

最新推荐文章于 2023-11-10 16:49:00 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：安卓开发文章标签： TabLayout 文字+图片

本文链接：https://blog.youkuaiyun.com/hnnd123/article/details/52058286

安卓开发专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种在Android开发中为TabLayout的标签项添加图标的有效方法。文章首先否定了使用SpannableString来实现图标的方法，并提供了一个正确的实现方案：通过在TabLayout布局完成后设置自定义视图来实现图标显示。此外，还强调了适配器中重写getPageTitle方法的重要性。

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

首先，网上有“一种方法，通过SpannableString实现，如下：

public CharSequence getTitleWithIcon(String title) {
Drawable image = getResources().getDrawable(R.drawable.icon_arrow_down);
image.setBounds(0, 0, image.getIntrinsicWidth(), image.getIntrinsicHeight());
// Replace blank spaces with image icon
SpannableString sb = new SpannableString(title + “”);
ImageSpan imageSpan = new ImageSpan(image, ImageSpan.ALIGN_BOTTOM);
sb.setSpan(imageSpan,title.length(),title.length() + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
return sb;
}

实际证明，此种方法无效！！！！

正确解决方案：

tabLayout.addTab(tabLayout.newTab().setText(“精选”));
tabLayout.addTab(tabLayout.newTab().setText(“筛选”));

然后在Tablayout布局完成后，设置：

tabLayout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
tabLayout.getTabAt(1).setCustomView(R.layout.tab_qa_item);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
tabLayout.getViewTreeObserver().removeOnGlobalLayoutListener(this);
}
}
});

注意：适配器里面一定要重写：

@Override
public CharSequence getPageTitle(int position)