Unify naming of attributes, update readme

Author: intik

README.md

@@ -20,12 +20,16 @@ behavior of classic ViewPager
 
 | :heavy_check_mark: Overflowed indicators | :x: Classic confusing indicators |
 | ----------------------- | ------------------------------- |
-| ![Widget effect animation preview](docs/images/overflow-pager-indicator.gif "Preview of widget effect of animating dots during pages swiping")  | ![Classic ](docs/images/classic-indicators.png "Fujky")  |
+| ![Widget effect animation preview](docs/images/overflow-pager-indicator.gif "Preview of widget effect of animating dots during pages swiping")  | ![Classic ](docs/images/classic-indicators.png "Confusing")  |
 
 _Disclaimer: Having too many pages in recycler means that user needs to swipe a lot. Different layout/ui may be more user friendly._ 
 
 ## Usage
 
+### Migration to 3.1 from 3.0
+
+`dotFillColor` and `dotStrokeColor` were renamed to `indicatorFillColor` and `indicatorStrokeColor`
+
 ### Migration to 3.0 from 2.x
 
 Make sure you have Jitpack dependency in root gradle file.
@@ -49,7 +53,7 @@ buildscript {
 In you module gradle add dependency to library:
 
 ```gradle
-implementation "cz.intik:overflow-pager-indicator:$latestVersion" // 3.0.1
+implementation "cz.intik:overflow-pager-indicator:$latestVersion" // 3.1.0
 ```
 
 ### Layout
@@ -73,8 +77,8 @@ Some layout with RecyclerView and OverflowPagerIndicator
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center_horizontal|bottom"
-      app:dotFillColor="#FF0000"
-      app:dotStrokeColor="#0000FF"
+      app:indicatorFillColor="#FF0000"
+      app:indicatorStrokeColor="#0000FF"
       />
 
 </FrameLayout>
@@ -115,13 +119,17 @@ viewOverflowPagerIndicator.onPageSelected(position)
 You can easily change dot fill color and dot stroke color via xml attributes like this:
 ```xml
 <cz.intik.overflowindicator.OverflowPagerIndicator
-    app:dotFillColor="#FF0000"
-    app:dotStrokeColor="@color/heavenlyBlue"
+    app:indicatorFillColor="#FF0000"
+    app:indicatorStrokeColor="@color/heavenlyBlue"
+    app:indicatorMargin="6dp"
+    app:indicatorSize="22dp"
     />
 ``` 
 
 ### Changelog
 
+3.1.0 Add customization of indicator size and margin. Unify naming of attributes to "indicatorXxx" instead of "dotXxx"
+
 3.0.1 Remove library from Bintray, use simply Jitpack. Convert library to Kotlin and update to TransitionsEverywhere 2.0 (which uses androidx.transition.X heavily)
 
 2.0.0 Migrate to AndroidX, add color customization options (big thanks [Javi Chaqués](https://github.com/javichaques))

overflow-library/src/main/java/cz/intik/overflowindicator/OverflowPagerIndicator.kt

@@ -34,22 +34,22 @@ class OverflowPagerIndicator(context: Context, attrs: AttributeSet) : LinearLayo
     var indicatorMargin: Int = -1
         private set
 
-    var dotStrokeColor: Int = -1
+    var indicatorStrokeColor: Int = -1
         private set
 
-    var dotFillColor: Int = -1
+    var indicatorFillColor: Int = -1
         private set
 
     private val dataObserver: OverflowDataObserver
     private var indicatorCount: Int = 0
     private var lastSelected: Int = 0
     private var recyclerView: RecyclerView? = null
 
-    private val dotDrawable: Drawable
+    private val indicatorDrawable: Drawable
         get() = GradientDrawable().apply {
             shape = GradientDrawable.OVAL
-            setColor(dotFillColor)
-            setStroke(Util.dpToPx(0.5), dotStrokeColor)
+            setColor(indicatorFillColor)
+            setStroke(Util.dpToPx(0.5), indicatorStrokeColor)
         }
 
     init {
@@ -59,8 +59,8 @@ class OverflowPagerIndicator(context: Context, attrs: AttributeSet) : LinearLayo
     }
 
     private fun initAttrs(context: Context, attrs: AttributeSet?) {
-        dotFillColor = ContextCompat.getColor(context, R.color.dot_fill)
-        dotStrokeColor = ContextCompat.getColor(context, R.color.dot_stroke)
+        indicatorFillColor = ContextCompat.getColor(context, R.color.indicatorFill)
+        indicatorStrokeColor = ContextCompat.getColor(context, R.color.indicatorStroke)
         indicatorSize = context.resources.getDimensionPixelSize(R.dimen.indicator_size)
         indicatorMargin = context.resources.getDimensionPixelSize(R.dimen.indicator_margin)
 
@@ -70,11 +70,11 @@ class OverflowPagerIndicator(context: Context, attrs: AttributeSet) : LinearLayo
             context.obtainStyledAttributes(attrs, R.styleable.OverflowPagerIndicator)
 
         try {
-            dotFillColor = attributeArray
-                .getColor(R.styleable.OverflowPagerIndicator_dotFillColor, dotFillColor)
+            indicatorFillColor = attributeArray
+                .getColor(R.styleable.OverflowPagerIndicator_indicatorFillColor, indicatorFillColor)
 
-            dotStrokeColor = attributeArray
-                .getColor(R.styleable.OverflowPagerIndicator_dotStrokeColor, dotStrokeColor)
+            indicatorStrokeColor = attributeArray
+                .getColor(R.styleable.OverflowPagerIndicator_indicatorStrokeColor, indicatorStrokeColor)
 
             indicatorSize = attributeArray
                 .getDimensionPixelSize(
@@ -216,7 +216,7 @@ class OverflowPagerIndicator(context: Context, attrs: AttributeSet) : LinearLayo
 
     private fun addIndicator(isOverflowState: Boolean, indicatorSize: Int, margin: Int) {
         val view = View(context)
-        view.background = dotDrawable
+        view.background = indicatorDrawable
 
         animateViewScale(view, if (isOverflowState) STATE_SMALLEST else STATE_NORMAL)
 

overflow-library/src/main/res/drawable/dot.xml

@@ -4,8 +4,8 @@
 
 	<stroke
 		android:width="0.5dp"
-		android:color="@color/dot_stroke"/>
+		android:color="@color/indicatorStroke"/>
 
-	<solid android:color="@color/dot_fill"/>
+	<solid android:color="@color/indicatorFill"/>
 
 </shape>

overflow-library/src/main/res/values/attrs.xml

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <declare-styleable name="OverflowPagerIndicator">
-        <attr name="dotFillColor" format="color"/>
-        <attr name="dotStrokeColor" format="color"/>
+        <attr name="indicatorFillColor" format="color"/>
+        <attr name="indicatorStrokeColor" format="color"/>
         <attr name="indicatorSize" format="dimension" />
         <attr name="indicatorMargin" format="dimension" />
     </declare-styleable>

overflow-library/src/main/res/values/colors.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-	<color name="dot_fill">#EEFFFFFF</color>
-	<color name="dot_stroke">#99CCCCCC</color>
+	<color name="indicatorFill">#EEFFFFFF</color>
+	<color name="indicatorStroke">#99CCCCCC</color>
 </resources>

sample-app/src/main/res/layout/activity_main.xml

@@ -4,7 +4,7 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/dot_stroke"
+    android:background="@color/indicatorStroke"
     android:orientation="vertical"
     tools:context=".MainActivity">
 
@@ -40,8 +40,8 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_gravity="center"
-            app:dotFillColor="@color/colorAccent"
-            app:dotStrokeColor="#0000FF" />
+            app:indicatorFillColor="@color/colorAccent"
+            app:indicatorStrokeColor="#0000FF" />
     </FrameLayout>
 
     <FrameLayout