PagerTabStrip标题背景颜色

Question

我在PagerTabStrip中更改了背景颜色，但选项卡标题的背景为白色

<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >

<android.support.v4.view.PagerTabStrip
    android:id="@+id/pager_tab_strip"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    android:background="#c9c9c9"
    android:padding="4dp"
    android:textColor="#000000"
    />

​

我该在哪里更改它？

Answer 1

如果res/values/colors.xml中不存在具有所需值的颜色的资源文件(对于颜色)，请创建一个资源文件。

<?xml version="1.0" encoding="utf-8"?>

<resources>
    <color name="tabstrip_bg">#ff6d9850</color>
</resources>

在布局文件(分别包含ViewPager和TabStrip)中，修改引用上述颜色的android:background参数，如下所示。

<android.support.v4.view.ViewPager
    android:id="@+id/pager_charts"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.v4.view.PagerTabStrip
        android:id="@+id/pager_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="@color/tabstrip_bg" />
</android.support.v4.view.ViewPager>

Answer 2

尝试插入此XML代码：

android:textColor="#<COLOR-CODE>"

Answer 3

您可以使用PagerTabStrip.setDrawFullUnderline(boolean drawFull)在代码中完成此操作。

这里有一篇关于设计PagerTabStrip样式的文章。

http://blog.stylingandroid.com/archives/1378

更新：正在查看PagerTabStrip的源代码，似乎这是不可能的。onDraw()方法调用超类，超类绘制文本，然后PagerTabStrip在视图底部绘制指示器。要更改当前选定文本的背景，您需要在绘制文本之前以全高绘制指示器。

这将需要一个定制类，可能使用来自PagerTabStrip的代码和它的超类，并根据需要定制onDraw方法。

来自PagerTabStrip的onDraw()代码如下。

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    final int height = getHeight();
    final int bottom = height;
    final int left = mCurrText.getLeft() - mTabPadding;
    final int right = mCurrText.getRight() + mTabPadding;
    final int top = bottom - mIndicatorHeight;

    mTabPaint.setColor(mTabAlpha << 24 | (mIndicatorColor & 0xFFFFFF));
    canvas.drawRect(left, top, right, bottom, mTabPaint);

    if (mDrawFullUnderline) {
        mTabPaint.setColor(0xFF << 24 | (mIndicatorColor & 0xFFFFFF));
        canvas.drawRect(getPaddingLeft(), height - mFullUnderlineHeight,
                getWidth() - getPaddingRight(), height, mTabPaint);
    }
}