Add indicator size and margin customization to example

Author: intik

sample-app/src/main/java/cz/intik/overflowpagerindicator/MainActivity.kt

@@ -17,22 +17,29 @@ import cz.intik.overflowindicator.SimpleSnapHelper
  */
 class MainActivity : AppCompatActivity() {
 
+    data class Data(
+        val recyclerViewId: Int,
+        val indicatorViewId: Int,
+        val itemCount: Int,
+        val delay: Long
+    )
+
+    private val data = listOf(
+        Data(R.id.recyclerView, R.id.viewPagerIndicator, 20, 500L),
+        Data(R.id.recyclerViewColors, R.id.viewPagerIndicatorColors, 9, 1_000L),
+        Data(R.id.recyclerViewSizes, R.id.viewPagerIndicatorSizes, 5, 2_000L)
+    )
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
 
-        initRecyclerWithIndicator(R.id.recycler_view, R.id.view_pager_indicator, 20, 1000)
-        initRecyclerWithIndicator(
-            R.id.recycler_view_simple, R.id.view_pager_indicator_simple, 5, 2000
-        )
+        data.forEach(::initRecyclerWithIndicator)
     }
 
-    private fun initRecyclerWithIndicator(
-        recyclerViewId: Int,
-        indicatorViewId: Int,
-        itemCount: Int,
-        delay: Int
-    ) {
+    private fun initRecyclerWithIndicator(data: Data) {
+        val (recyclerViewId, indicatorViewId, itemCount, delay) = data
+
         val recyclerView = findViewById<RecyclerView>(recyclerViewId)
         val overflowPagerIndicator = findViewById<OverflowPagerIndicator>(indicatorViewId)
         val adapter = Adapter()
@@ -45,13 +52,15 @@ class MainActivity : AppCompatActivity() {
 
         SimpleSnapHelper(overflowPagerIndicator).attachToRecyclerView(recyclerView)
 
-        recyclerView.postDelayed({ adapter.updateItemCount(itemCount) }, delay.toLong())
+        recyclerView.postDelayed({ adapter.updateItemCount(itemCount) }, delay)
     }
 
     private class Adapter : RecyclerView.Adapter<RecyclerView.ViewHolder>() {
         // Some material colors for recycler view items background
         private val colors =
-            arrayOf("#2196F3", "#00BCD4", "#4CAF50", "#CDDC39", "#FFC107", "#FF5722")
+            mutableListOf("#2196F3", "#00BCD4", "#4CAF50", "#CDDC39", "#FFC107", "#FF5722")
+                .apply { shuffle() }
+
         private var itemCount = 0
 
         override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {

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

@@ -1,48 +1,66 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-              xmlns:app="http://schemas.android.com/apk/res-auto"
-              xmlns:tools="http://schemas.android.com/tools"
-              android:layout_width="match_parent"
-              android:layout_height="match_parent"
-              android:background="@color/dot_stroke"
-              android:orientation="vertical"
-              tools:context=".MainActivity">
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/dot_stroke"
+    android:orientation="vertical"
+    tools:context=".MainActivity">
 
     <FrameLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginTop="64dp">
+        android:layout_marginTop="32dp">
 
         <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/recycler_view"
+            android:id="@+id/recyclerView"
             android:layout_width="match_parent"
-            android:layout_height="120dp"/>
+            android:layout_height="100dp" />
 
         <cz.intik.overflowindicator.OverflowPagerIndicator
-            android:id="@+id/view_pager_indicator"
+            android:id="@+id/viewPagerIndicator"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_gravity="center"/>
+            android:layout_gravity="center" />
     </FrameLayout>
 
     <FrameLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginTop="64dp">
+        android:layout_marginTop="32dp">
 
         <androidx.recyclerview.widget.RecyclerView
-            android:id="@+id/recycler_view_simple"
+            android:id="@+id/recyclerViewColors"
             android:layout_width="match_parent"
-            android:layout_height="120dp"/>
+            android:layout_height="100dp" />
 
         <cz.intik.overflowindicator.OverflowPagerIndicator
-            android:id="@+id/view_pager_indicator_simple"
+            android:id="@+id/viewPagerIndicatorColors"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_gravity="center"
             app:dotFillColor="@color/colorAccent"
-            app:dotStrokeColor="#0000FF"
-            />
+            app:dotStrokeColor="#0000FF" />
+    </FrameLayout>
+
+    <FrameLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="32dp">
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/recyclerViewSizes"
+            android:layout_width="match_parent"
+            android:layout_height="100dp" />
+
+        <cz.intik.overflowindicator.OverflowPagerIndicator
+            android:id="@+id/viewPagerIndicatorSizes"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            app:indicatorMargin="6dp"
+            app:indicatorSize="22dp" />
     </FrameLayout>
 
 </LinearLayout>