Viewpager Relex Circle indicator Color

Question

The default color of the viewpager indicator is white.
In relex viewpager indicator in github,
it doesn't include on how to change the color of the indicator.
Is it possible?

  <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <me.relex.circleindicator.CircleIndicator
                android:id="@+id/pagerIndicator"
                app:ci_width="10dp"
                app:ci_height="10dp"
                android:layout_width="match_parent"
                android:layout_height="36dp"
                android:layout_gravity="bottom"
                android:layout_marginBottom="8dp" />
        </LinearLayout>

ask this on library thread – Vivek Mishra Dec 24 '15 at 07:46 — Vivek Mishra, Dec 24 '15 at 07:46

score 24 · Answer 1 · answered Apr 13 '17 at 16:01

    <me.relex.circleindicator.CircleIndicator
        android:id="@+id/pagerIndicator"
        app:ci_width="10dp"
        app:ci_height="10dp"
        app:ci_drawable="@drawable/circleindicator_round"
        android:layout_width="match_parent"
        android:layout_height="36dp"
        android:layout_gravity="bottom"
        android:layout_marginBottom="8dp" />

I Dont Care What Padding or Margin You Do

but create a drawable XML File and Add these codes

<?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorAccent"/>
    <corners android:radius="10dp"/>
  </shape>

Call it what ever you want But use

`app:ci_drawable="@drawable/circleindicator_round"`

worked for me

score 5 · Answer 2 · answered Dec 24 '15 at 07:58

From the github page: Under properties

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <me.relex.circleindicator.CircleIndicator
            android:id="@+id/pagerIndicator"
            app:ci_width="10dp"
            app:ci_height="10dp"
            app:ci_drawable="your drawable defining the color"
            android:layout_width="match_parent"
            android:layout_height="36dp"
            android:layout_gravity="bottom"
            android:layout_marginBottom="8dp" />
</LinearLayout>

Viewpager Relex Circle indicator Color

2 Answers2