Support setting background in styles. Closes JakeWharton#117.

Author: JakeWharton

library/res/values/vpi__attrs.xml

@@ -51,6 +51,8 @@
         <attr name="strokeColor" format="color" />
         <!-- Width of the stroke used to draw the circles. -->
         <attr name="strokeWidth" />
+        <!-- View background -->
+        <attr name="android:background"/>
     </declare-styleable>
 
     <declare-styleable name="LinePageIndicator">
@@ -66,6 +68,8 @@
         <attr name="strokeWidth" />
         <!-- Width of the gap between each indicator line. -->
         <attr name="gapWidth" format="dimension" />
+        <!-- View background -->
+        <attr name="android:background"/>
     </declare-styleable>
 
     <declare-styleable name="TitlePageIndicator">
@@ -99,6 +103,8 @@
         <attr name="titlePadding" format="dimension" />
         <!-- Padding between titles and the top of the View. -->
         <attr name="topPadding" format="dimension" />
+        <!-- View background -->
+        <attr name="android:background"/>
     </declare-styleable>
 
     <declare-styleable name="UnderlinePageIndicator">
@@ -110,5 +116,7 @@
         <attr name="fadeLength" format="integer" />
         <!-- Color of the selected line that represents the current page. -->
         <attr name="selectedColor" />
+        <!-- View background -->
+        <attr name="android:background"/>
     </declare-styleable>
 </resources>

library/src/com/viewpagerindicator/CirclePageIndicator.java

@@ -22,6 +22,7 @@
 import android.graphics.Canvas;
 import android.graphics.Paint;
 import android.graphics.Paint.Style;
+import android.graphics.drawable.Drawable;
 import android.os.Parcel;
 import android.os.Parcelable;
 import android.support.v4.view.MotionEventCompat;
@@ -101,6 +102,11 @@ public CirclePageIndicator(Context context, AttributeSet attrs, int defStyle) {
         mRadius = a.getDimension(R.styleable.CirclePageIndicator_radius, defaultRadius);
         mSnap = a.getBoolean(R.styleable.CirclePageIndicator_snap, defaultSnap);
 
+        Drawable background = a.getDrawable(R.styleable.CirclePageIndicator_android_background);
+        if (background != null) {
+          setBackgroundDrawable(background);
+        }
+
         a.recycle();
 
         final ViewConfiguration configuration = ViewConfiguration.get(context);

library/src/com/viewpagerindicator/LinePageIndicator.java

@@ -20,6 +20,7 @@
 import android.content.res.TypedArray;
 import android.graphics.Canvas;
 import android.graphics.Paint;
+import android.graphics.drawable.Drawable;
 import android.os.Parcel;
 import android.os.Parcelable;
 import android.support.v4.view.MotionEventCompat;
@@ -85,6 +86,11 @@ public LinePageIndicator(Context context, AttributeSet attrs, int defStyle) {
         mPaintUnselected.setColor(a.getColor(R.styleable.LinePageIndicator_unselectedColor, defaultUnselectedColor));
         mPaintSelected.setColor(a.getColor(R.styleable.LinePageIndicator_selectedColor, defaultSelectedColor));
 
+        Drawable background = a.getDrawable(R.styleable.CirclePageIndicator_android_background);
+        if (background != null) {
+          setBackgroundDrawable(background);
+        }
+
         a.recycle();
 
         final ViewConfiguration configuration = ViewConfiguration.get(context);

library/src/com/viewpagerindicator/TitlePageIndicator.java

@@ -17,7 +17,6 @@
  */
 package com.viewpagerindicator;
 
-import java.util.ArrayList;
 import android.content.Context;
 import android.content.res.Resources;
 import android.content.res.TypedArray;
@@ -26,6 +25,7 @@
 import android.graphics.Path;
 import android.graphics.Rect;
 import android.graphics.Typeface;
+import android.graphics.drawable.Drawable;
 import android.os.Parcel;
 import android.os.Parcelable;
 import android.support.v4.view.MotionEventCompat;
@@ -36,6 +36,8 @@
 import android.view.View;
 import android.view.ViewConfiguration;
 
+import java.util.ArrayList;
+
 /**
  * A TitlePageIndicator is a PageIndicator which displays the title of left view
  * (if exist), the title of the current select view (centered) and the title of
@@ -180,6 +182,11 @@ public TitlePageIndicator(Context context, AttributeSet attrs, int defStyle) {
         mPaintFooterIndicator.setStyle(Paint.Style.FILL_AND_STROKE);
         mPaintFooterIndicator.setColor(footerColor);
 
+        Drawable background = a.getDrawable(R.styleable.CirclePageIndicator_android_background);
+        if (background != null) {
+          setBackgroundDrawable(background);
+        }
+
         a.recycle();
 
         final ViewConfiguration configuration = ViewConfiguration.get(context);

library/src/com/viewpagerindicator/UnderlinePageIndicator.java

@@ -20,6 +20,7 @@
 import android.content.res.TypedArray;
 import android.graphics.Canvas;
 import android.graphics.Paint;
+import android.graphics.drawable.Drawable;
 import android.os.Parcel;
 import android.os.Parcelable;
 import android.support.v4.view.MotionEventCompat;
@@ -97,6 +98,11 @@ public UnderlinePageIndicator(Context context, AttributeSet attrs, int defStyle)
         setFadeDelay(a.getInteger(R.styleable.UnderlinePageIndicator_fadeDelay, defaultFadeDelay));
         setFadeLength(a.getInteger(R.styleable.UnderlinePageIndicator_fadeLength, defaultFadeLength));
 
+        Drawable background = a.getDrawable(R.styleable.CirclePageIndicator_android_background);
+        if (background != null) {
+          setBackgroundDrawable(background);
+        }
+
         a.recycle();
 
         final ViewConfiguration configuration = ViewConfiguration.get(context);