android - ViewPager - 自定义标题 PagerTabStrip

Question

我在 ViewPager 中使用了标题，如下面的屏幕所示:只是带有 android.support.v4.view.PagerTabStrip 的文本

在 OnPageChangeListener() 中，我使用方法 public CharSequence getPageTitle(int position) 并设置标题

有什么方法可以自定义该字段，使其看起来像这样:

可能是某种标题的自定义适配器？

Answer 1

您可以使用 SpannableString 或 SpannableStringBuilder 轻松地将图标/可绘制对象添加到 PageTabStrip。

例如，在文本前显示一个图标:

Drawable myDrawable; //Drawable you want to display

@Override
public CharSequence getPageTitle(int position) {

SpannableStringBuilder sb = new SpannableStringBuilder(" " + "Page #"+ position); // space added before text for convenience

myDrawable.setBounds(0, 0, myDrawable.getIntrinsicWidth(), myDrawable.getIntrinsicHeight()); 
ImageSpan span = new ImageSpan(myDrawable, ImageSpan.ALIGN_BASELINE); 
sb.setSpan(span, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); 

return sb;
}