zoukankan      html  css  js  c++  java
  • 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;
    	}

    效果例如以下图:



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


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

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


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

  • 相关阅读:
    【★】路由环路大总结!
    自制tunnel口建虚拟专网实验
    自制tunnel口建虚拟专网实验
    自制tunnel口建虚拟专网实验
    常用的组播保留地址列表
    常用的组播保留地址列表
    常用的组播保留地址列表
    程序员经常遇到的几个问题!
    ★路由递归查询方法及相关图示【转载】
    ★路由递归查询方法及相关图示【转载】
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/4840536.html
Copyright © 2011-2022 走看看