详解Android中ViewPager的PagerTabStrip子控件的用法

2019-12-10 18:35:27于海丽

这里的代码与PagerTitleStrip的完全相同,就不再讲解了。
就这样,我们就讲完了有关PagerTabStrip的简单使用方法。下面讲一讲PagerTabStrip的扩展。

3、扩展:PagerTabStrip属性更改
在源码中,大家可以看到有个工程叫TestViewPage_PagerTabStrip_extension,运行一下,效果是这样的:

Android,ViewPager,PagerTabStripAndroid,ViewPager,PagerTabStrip

在上面两个图中可以看到,我更改了两个地方:

(1)下划线颜色,原生是黑色,我变成了绿色;

(2)在Tab标题前加了一个图片;

下面说说是如何更改的:

1、更改下划线颜色:
主要靠PagerTabStrip的setTabIndicatorColorResource方法;

代码如下:

pagerTabStrip = (PagerTabStrip) findViewById(R.id.pagertab); 
pagerTabStrip.setTabIndicatorColorResource(R.color.green); 

2、添加标题——重写适配器CharSequence getPageTitle(int)方法
在CharSequence getPageTitle(int position)方法返回值是,我们不返回String对象,而采用SpannableStringBuilder来构造了下包含图片的扩展String对像;
具体代码如下,不再细讲,大家可以看看SpannableStringBuilder的使用方法,就可理解了。

@Override 
public CharSequence getPageTitle(int position) { 
 
  SpannableStringBuilder ssb = new SpannableStringBuilder(" "+titleList.get(position)); // space added before text 
                    // for 
  Drawable myDrawable = getResources().getDrawable( 
      R.drawable.ic_launcher); 
  myDrawable.setBounds(0, 0, myDrawable.getIntrinsicWidth(), 
      myDrawable.getIntrinsicHeight()); 
  ImageSpan span = new ImageSpan(myDrawable, 
      ImageSpan.ALIGN_BASELINE); 
 
  ForegroundColorSpan fcs = new ForegroundColorSpan(Color.GREEN);// 字体颜色设置为绿色 
  ssb.setSpan(span, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);// 设置图标 
  ssb.setSpan(fcs, 1, ssb.length(), 
      Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);// 设置字体颜色 
  ssb.setSpan(new RelativeSizeSpan(1.2f), 1, ssb.length(), 
      Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); 
  return ssb; 
}