Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Viewpager Relex Circle indicator Color

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>
like image 439
Charles Galvez Avatar asked Dec 24 '15 07:12

Charles Galvez


1 Answers

    <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

like image 192
jeevan s Avatar answered Sep 22 '22 14:09

jeevan s