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

效果例如以下图:

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

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

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

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

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

时间: 2024-10-12 15:54:09

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

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.PagerTabS

WPF 精修篇 获取系统颜色和字体样式

原文:WPF 精修篇 获取系统颜色和字体样式 看效果 <Grid> <Rectangle Fill="{DynamicResource {x:Static SystemColors.DesktopBrushKey}}" HorizontalAlignment="Left" Height="76" Margin="85,70,0,0" Stroke="Black" VerticalAlign

iOS 修改SearchBar的Textfiled的Cursor游标颜色和字体样式和大小;Disable输入框

因为Search Bar的游标颜色和Tint颜色是统一的,如果要想将游标的颜色设置为其他颜色,则需要到textfiled内部去修改,对于字体也是同样. 实现代码: - (void)setSearchBarTextfiled:(UISearchBar *)searchBar{ for (UIView *view in searchBar.subviews){ for (id subview in view.subviews){ if ( [subview isKindOfClass:[UIText

Android -- 代码方式修改显示的字符串、字体的大小、字体颜色、字体样式

1. 效果图    系统或自定义 2. 代码 firstActivity.java package iflab.test; import android.app.Activity; import android.os.Bundle; import android.text.Editable; import android.text.TextWatcher; import android.widget.TextView; import android.widget.Toast; public cl

Android更改popupmenu背景并显示图标

似乎popupmenu是无法单独设置style的,好像是由context决定的,前几天需要设置style,找了很久才找一一个办法,似乎是通过 ContextThemeWrapper 包装一个 Context 然后把 Context 作为参数传递给popupmenu的构造函数 java代码如下 /**************************************************************************/ Context wrapper = new Cont

Android RadioGroup的RadioButton 选择改变字体颜色和背景颜色

RadioGroup <RadioGroup android:id="@+id/client_charge_radiogroup" android:layout_width="200dp" android:layout_height="40dp" android:layout_marginLeft="5dp" android:layout_alignParentRight="true" android

【JavaScript】轻松更改网页背景与字体的颜色

JavaScript,通过点击按钮更改网页背景与字体的颜色,网页中有N个改变颜色的按钮,点击不同的按钮,网页的字体与背景就会改变成不同的颜色.很简单的JavaScript小程序. 一.基本目标 一打开网页首先提示问候信息"你好" 网页中有N个改变颜色的按钮,其中返回是返回网页的默认颜色,背景是白的,字体是黑的 点击不同的按钮,网页的字体与背景就会改变成不同的颜色. 本来想做出彩虹起色的,但原理完全一样就不多写按钮了. 二.基本思想 关键是对body标签与字体js提供id,使其在js中得

(转)Android 自定义 spinner (背景、字体颜色)

Android 自定义 spinner (背景.字体颜色) (2012-07-04 17:04:44)   1.准备两张图片,并做好9.png 2.在drawable中定义spinner_selector.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" &

小程序之使用阿里字体图标 定义主题的颜色 控制首页标题的样式 如何使用组件 水平居中和垂直居中的方式 H5 关于上线后,

项目搭建 1==> 需要创建的文件夹 styles 存放公共的样式 components 存放组件 lib第三方库的 utils 自己的帮助库 reques 自己的接口 2==>如何快速创建页面 在app.json中 写好页面路径.直接保存,就会自动生成文件 "pages/good_lis/good_lis", "pages/cart/cart" 3==>如何使用阿里字体图标 将网址(生成的http://at.alicdn.com/t/font_1