responsive

Author: emreesen27

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

@@ -10,45 +10,13 @@
         android:id="@+id/pb1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginStart="60dp"
-        android:layout_marginTop="60dp"
         app:innerAnimInterpolator="linear"
+        app:innerLoaderStrokeWidth="4dp"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
         app:outerAnimInterpolator="linear"
-        app:outerLoaderAnimDuration="1500" />
-
-    <com.sn.lib.NestedProgress
-        android:id="@+id/pb2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        app:innerAnimInterpolator="linear"
-        app:innerLoaderAnimDuration="500"
-        app:innerLoaderColor="@color/purple_700"
-        app:innerLoaderLength="180"
-        app:layout_constraintStart_toEndOf="@+id/pb1"
-        app:layout_constraintTop_toTopOf="@id/pb1"
-        app:outerAnimInterpolator="linear"
-        app:outerLoaderAnimDuration="2000"
-        app:outerLoaderColor="@color/blue"
-        app:outerLoaderLength="300"
-        app:outerLoaderStrokeWidth="20" />
-
-    <com.sn.lib.NestedProgress
-        android:id="@+id/pb3"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        app:innerAnimInterpolator="overshoot"
-        app:innerLoaderAnimDuration="2000"
-        app:innerLoaderColor="@color/red"
-        app:innerLoaderLength="320"
-        app:layout_constraintStart_toEndOf="@+id/pb2"
-        app:layout_constraintTop_toTopOf="@id/pb2"
-        app:outerAnimInterpolator="anticipateOvershoot"
-        app:outerLoaderAnimDuration="1000"
-        app:outerLoaderColor="@color/red_soft"
-        app:outerLoaderLength="200"
-        app:outerLoaderStrokeWidth="25" />
+        app:outerLoaderAnimDuration="1500"
+        app:outerLoaderStrokeWidth="5dp" />
 
 
 </androidx.constraintlayout.widget.ConstraintLayout>

lib/src/main/java/com/sn/lib/Constants.kt

@@ -8,13 +8,13 @@ object Constants {
 
     const val SIZE_FACTOR = 1.0F
     const val CIRCLE_RADIUS = 360
-    const val INNER_LOADER_POS = 60
-    const val OUTER_LOADER_POS = 80
     const val ANIM_DURATION = 1000
     const val INNER_ANIM_INTERPOLATOR = 6
     const val OUTER_ANIM_INTERPOLATOR = 5
     const val INNER_LOADER_LENGTH = 260F
     const val OUTER_LOADER_LENGTH = 320F
-    const val INNER_STROKE_WIDTH = 12F
-    const val OUTER_STROKE_WIDTH = 14F
+    const val INNER_STROKE_WIDTH = 4F
+    const val OUTER_STROKE_WIDTH = 5F
+    const val MID_POINT = 2F
+    const val POSITION_COEFFICIENT = 12F
 }

lib/src/main/java/com/sn/lib/NestedProgress.kt

@@ -9,26 +9,24 @@ import android.util.AttributeSet
 import android.view.View
 import android.view.animation.*
 import androidx.annotation.ColorInt
+import androidx.annotation.Dimension
 import com.sn.lib.Constants.ANIM_DURATION
 import com.sn.lib.Constants.CIRCLE_RADIUS
 import com.sn.lib.Constants.COLOR_BLUE
 import com.sn.lib.Constants.COLOR_LIGHT_BLUE
 import com.sn.lib.Constants.INNER_ANIM_INTERPOLATOR
-import com.sn.lib.Constants.INNER_LOADER_POS
 import com.sn.lib.Constants.INNER_LOADER_LENGTH
 import com.sn.lib.Constants.INNER_STROKE_WIDTH
+import com.sn.lib.Constants.MID_POINT
 import com.sn.lib.Constants.OUTER_ANIM_INTERPOLATOR
-import com.sn.lib.Constants.OUTER_LOADER_POS
 import com.sn.lib.Constants.OUTER_LOADER_LENGTH
 import com.sn.lib.Constants.OUTER_STROKE_WIDTH
-import com.sn.lib.Constants.SIZE_FACTOR
-import java.lang.IllegalArgumentException
-import kotlin.math.min
-import kotlin.math.roundToInt
+import com.sn.lib.Constants.POSITION_COEFFICIENT
+import com.sn.lib.ext.dp
 
 /**
  * @author Aydin Emre E.
- * @version 1.0.1
+ * @version 1.0.2
  * @since 19-02-2022
  */
 
@@ -37,6 +35,10 @@ class NestedProgress @JvmOverloads constructor(
     context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
 ) : View(context, attrs, defStyleAttr) {
 
+    /**
+     * Default values are defined here. If a new one is not assigned, these values are used.
+     * @see [Constants]
+     */
 
     // Animation value of progressions. These values are assigned to the "sweep angle" value in drawArc
     private var innerLoaderAnimValue: Int = 0
@@ -54,41 +56,42 @@ class NestedProgress @JvmOverloads constructor(
         this.isAntiAlias = true
     }
 
-
+    // Animation times for both progresses
     var innerLoaderAnimDuration: Int = ANIM_DURATION
     var outerLoaderAnimDuration: Int = ANIM_DURATION
 
+    // Animation types for both progresses
     var innerAnimInterpolator = INNER_ANIM_INTERPOLATOR
     var outerAnimInterpolator = OUTER_ANIM_INTERPOLATOR
 
-    /** There is no limit value for stroke width, but correct values should be used for a smooth display * */
-    var innerLoaderStrokeWidth: Float = INNER_STROKE_WIDTH
-    var outerLoaderStrokeWidth: Float = OUTER_STROKE_WIDTH
+    /** There is no limit value for stroke width, but correct values should be used for a smooth display
+     * - innerLoaderStrokeWidth
+     * - outerLoaderStrokeWidth
+     * @see [dp] An extensions written for float. It is used to convert the default value to dp.
+     */
+    @Dimension
+    var innerLoaderStrokeWidth: Float = INNER_STROKE_WIDTH.dp
+
+    @Dimension
+    var outerLoaderStrokeWidth: Float = OUTER_STROKE_WIDTH.dp
 
     @ColorInt
     var innerLoaderColor: Int = COLOR_LIGHT_BLUE
 
     @ColorInt
     var outerLoaderColor: Int = COLOR_BLUE
 
-    /** The maximum angle at which you can see a movement in the animation is 359
-     * -innerLoaderLength
-     * -outerLoaderLength
-     * **/
+    /** You must value between the drawing angles of the circle (1-359), with value of 0 and 360, the animation is not visible.
+     * - innerLoaderLength
+     * - outerLoaderLength
+     */
 
     var innerLoaderLength: Float = INNER_LOADER_LENGTH
     var outerLoaderLength: Float = OUTER_LOADER_LENGTH
 
-    /** The library ignores the dp value so you should keep the sizeFactor value range 1 and 3.
-     *  In case you exceed value you will get IllegalArgumentException
-     * @throws IllegalArgumentException
-     * */
-    var sizeFactor: Float = SIZE_FACTOR
-        set(value) {
-            field =
-                if (value > 3.0f && value < 1.0f) throw IllegalArgumentException("sizeFactor Must be range 1.0 and 3.0") else value
-        }
-
+    /**
+     * You can find the attributes from the attrs.xml file.
+     */
     init {
         val attributes = context.obtainStyledAttributes(attrs, R.styleable.NestedProgress)
 
@@ -121,13 +124,13 @@ class NestedProgress @JvmOverloads constructor(
             )
 
         innerLoaderStrokeWidth =
-            attributes.getFloat(
+            attributes.getDimension(
                 R.styleable.NestedProgress_innerLoaderStrokeWidth,
                 this.innerLoaderStrokeWidth
             )
 
         outerLoaderStrokeWidth =
-            attributes.getFloat(
+            attributes.getDimension(
                 R.styleable.NestedProgress_outerLoaderStrokeWidth,
                 this.outerLoaderStrokeWidth
             )
@@ -144,8 +147,6 @@ class NestedProgress @JvmOverloads constructor(
                 this.outerAnimInterpolator
             )
 
-        sizeFactor = attributes.getFloat(R.styleable.NestedProgress_sizeFactor, this.sizeFactor)
-
         attributes.recycle()
 
         innerLoaderAnimation()
@@ -156,21 +157,23 @@ class NestedProgress @JvmOverloads constructor(
     override fun onDraw(canvas: Canvas) {
         super.onDraw(canvas)
 
-        val centerW: Float = width / 2f
-        val centerH: Float = height / 2f
+        val centerW: Float = width / MID_POINT
+        val centerH: Float = height / MID_POINT
+        val position: Float = width / POSITION_COEFFICIENT
+        val distanceCircles: Float = (innerLoaderStrokeWidth + outerLoaderStrokeWidth) / MID_POINT
 
         outerLoadingRect.set(
-            centerW - (OUTER_LOADER_POS * sizeFactor),
-            centerH - (OUTER_LOADER_POS * sizeFactor),
-            centerW + (OUTER_LOADER_POS * sizeFactor),
-            centerH + (OUTER_LOADER_POS * sizeFactor)
+            centerW - (position / MID_POINT) + distanceCircles,
+            centerH - (position / MID_POINT) + distanceCircles,
+            centerW + (position / MID_POINT) + distanceCircles,
+            centerH + (position / MID_POINT) + distanceCircles,
         )
 
         innerLoadingRect.set(
-            centerW - (INNER_LOADER_POS * sizeFactor),
-            centerH - (INNER_LOADER_POS * sizeFactor),
-            centerW + (INNER_LOADER_POS * sizeFactor),
-            centerH + (INNER_LOADER_POS * sizeFactor)
+            centerW - position / MID_POINT,
+            centerH - position / MID_POINT,
+            centerW + position / MID_POINT,
+            centerH + position / MID_POINT,
         )
 
         updatePaint(outerLoaderColor, outerLoaderStrokeWidth)
@@ -193,48 +196,13 @@ class NestedProgress @JvmOverloads constructor(
 
     }
 
-    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
-        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
-        val desiredWidth = (250 * sizeFactor).roundToInt()
-        val desiredHeight = (250 * sizeFactor).roundToInt()
-
-        val widthMode = MeasureSpec.getMode(widthMeasureSpec)
-        val widthSize = MeasureSpec.getSize(widthMeasureSpec)
-        val heightMode = MeasureSpec.getMode(heightMeasureSpec)
-        val heightSize = MeasureSpec.getSize(heightMeasureSpec)
-
-        val width = when (widthMode) {
-            MeasureSpec.EXACTLY -> {
-                widthSize
-            }
-            MeasureSpec.AT_MOST -> {
-                min(desiredWidth, widthSize)
-            }
-            else -> {
-                desiredWidth
-            }
-        }
-
-        val height = when (heightMode) {
-            MeasureSpec.EXACTLY -> {
-                heightSize
-            }
-            MeasureSpec.AT_MOST -> {
-                min(desiredHeight, heightSize)
-            }
-            else -> {
-                desiredHeight
-            }
-        }
-
-        setMeasuredDimension(width, height)
-    }
-
+    // Starts the animation when the screen is attached
     override fun onAttachedToWindow() {
         super.onAttachedToWindow()
         startAnimation()
     }
 
+    // Stops the animation when the screen is detached
     override fun onDetachedFromWindow() {
         super.onDetachedFromWindow()
         stopAnimation()
@@ -250,11 +218,21 @@ class NestedProgress @JvmOverloads constructor(
         outerLoaderAnimator.end()
     }
 
+    /**
+     * Both progresses use the same paint object, which is updated with this function before being drawn.
+     * @param color [Int]
+     * @param strokeWidth [Float]
+     */
     private fun updatePaint(color: Int, strokeWidth: Float) {
         paint.color = color
         paint.strokeWidth = strokeWidth
     }
 
+    /**
+     * Returns an interpolator back based on the integer value
+     * sorting is the same as enum in attrs.xml.
+     * @param interpolator [Int]
+     */
     private fun getAnimation(interpolator: Int): Interpolator {
         return when (interpolator) {
             0 -> AccelerateInterpolator()
@@ -268,6 +246,11 @@ class NestedProgress @JvmOverloads constructor(
         }
     }
 
+    /**
+     * Animation continues until progress is removed. Inherits its properties from defined variables.
+     * - innerLoaderAnimation
+     * - outerLoaderAnimation
+     */
     private fun innerLoaderAnimation() {
         innerLoaderAnimator.interpolator = getAnimation(innerAnimInterpolator)
         innerLoaderAnimator.duration = innerLoaderAnimDuration.toLong()
@@ -288,5 +271,4 @@ class NestedProgress @JvmOverloads constructor(
         }
     }
 
-
 }

lib/src/main/res/values/attrs.xml

@@ -7,8 +7,8 @@
         <attr name="innerLoaderLength" format="float" />
         <attr name="outerLoaderColor" format="color" />
         <attr name="innerLoaderColor" format="color" />
-        <attr name="innerLoaderStrokeWidth" format="float" />
-        <attr name="outerLoaderStrokeWidth" format="float" />
+        <attr name="innerLoaderStrokeWidth" format="dimension" />
+        <attr name="outerLoaderStrokeWidth" format="dimension" />
         <attr name="sizeFactor" format="float" />
         <attr name="innerAnimInterpolator" format="enum">
             <enum name="accelerate" value="0" />