android:更改PagerTabStrip背景颜色,标题字体样式、颜色和图标,以及指示条的颜色

1.更改PagerTabStrip背景颜色

我们直接在布局中设置background属性可以:

 <android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<android.support.v4.view.PagerTabStrip
android:id="@+id/pts"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_gravity="top"
android:background="#a05c5ccc" />
</android.support.v4.view.ViewPager>

2.改动指示条的颜色

我们能够在java代码中调用

pagertabstrip的setTabIndicatorColorResource(R.color.green_complete);方法进行设置

3.改动设置标题字体的样色。颜色,以及为标题加入图标,我们能够重写FragmentStatePagerAdapter的getPageTitle方法:

@Override
public CharSequence getPageTitle(int pos) {
SpannableStringBuilder ssb = new SpannableStringBuilder(" "
+ topics[pos]); // space added before text for
Drawable myDrawable = context.getResources().getDrawable(
R.drawable.card_visited_like);
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;
}

效果例如以下图:

android:更改PagerTabStrip背景颜色,标题字体样式、颜色和图标,以及指示条的颜色

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvTlVQVGJveVpIQg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

项目源码:https://github.com/nuptboyzhb/ViewPageAnimatorDemo

未经同意不得用于商业目的

当然,你也能够考虑使用开源码:https://github.com/astuetz/PagerSlidingTabStrip

版权声明:本文博主原创文章,博客,未经同意不得转载。

上一篇:裸眼3D立体显示技术原理详解


下一篇:ionic3 设置状态栏背景颜色