码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-05-31 23:42:11      阅读:624      评论:0      收藏:0      [点我收藏+]

标签:android   c   style   class   blog   code   

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;
	}

效果如下图:

bubuko.com,布布扣


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


未经允许不得用于商业目的


android:修改PagerTabStrip中的背景颜色,标题字体的样式、颜色和图标以及指示条的颜色,布布扣,bubuko.com

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

标签:android   c   style   class   blog   code   

原文地址:http://blog.csdn.net/nuptboyzhb/article/details/27828753

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!