Как сделать точку для выделенного заголовка в PagerTitleStrip в Android

Question

Я использую PagerTitleStrip для прокрутки фрагмента, мне нужно сделать точку для выбранного элемента или выделенного заголовка. Мой код XML:

<android.support.v4.view.PagerTitleStrip
            android:id="@+id/pager_title_strip"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:background="#fff"
            android:paddingBottom="6dp"
            android:paddingTop="6dp"
            android:textColor="@color/blueColorSwipeText" />

Мне также нужно изменить выделенный цвет заголовка. Пожалуйста, помогите мне. Спасибо Предложения приветствуются.

Answer 1

Использовать textColor атрибутов; Создайте новый стиль в res/values ​​/styles.xml:

<style name="Pager">
    <item name="android:textColor">#4DB849</item>
    <item name="android:indicatorColor">#E95044</item>
</style>

Вы получите зеленый заголовок и красный индикатор.

Вы можете хотеть видеть http://viewpagerindicator.com/

Чтобы изменить индикатор, вы должны изменить метод onDraw(Canvas canvas).
Вот исходный код PagerTabStrip.java.

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

Вы должны изменить эту строку:

canvas.drawRect(left, top, right, bottom, mTabPaint);

Проверьте, если вы получите точку при замене на:

canvas.drawCircle(left, top, 15, mTabPaint);

Для рисования пользовательских видов ознакомьтесь с документацией по Android.

Пользовательский рисунок