Challenge 2 Submission by Yogiraj . Done on android using kotlin

Yogiraj Android Solution/.gitignore

@@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+.cxx
+local.properties

Yogiraj Android Solution/app/.gitignore

@@ -0,0 +1 @@
+/build

Yogiraj Android Solution/app/build.gradle

@@ -0,0 +1,44 @@
+plugins {
+    id 'com.android.application'
+    id 'org.jetbrains.kotlin.android'
+}
+
+android {
+    compileSdk 32
+
+    defaultConfig {
+        applicationId "com.drawonapp.appleanimation"
+        minSdk 21
+        targetSdk 32
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = '1.8'
+    }
+}
+
+dependencies {
+
+    implementation 'androidx.core:core-ktx:1.7.0'
+    implementation 'androidx.appcompat:appcompat:1.4.2'
+    implementation 'com.google.android.material:material:1.4.0'
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.3.9'
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
+}

Yogiraj Android Solution/app/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

Yogiraj Android Solution/app/src/androidTest/java/com/drawonapp/appleanimation/ExampleInstrumentedTest.kt

@@ -0,0 +1,24 @@
+package com.drawonapp.appleanimation
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.drawonapp.appleanimation", appContext.packageName)
+    }
+}

Yogiraj Android Solution/app/src/main/AndroidManifest.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    package="com.drawonapp.appleanimation">
+
+    <application
+        android:allowBackup="true"
+        android:dataExtractionRules="@xml/data_extraction_rules"
+        android:fullBackupContent="@xml/backup_rules"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.AppleAnimation"
+        tools:targetApi="31">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

Yogiraj Android Solution/app/src/main/java/com/drawonapp/appleanimation/ArcAnimation.kt

@@ -0,0 +1,76 @@
+package com.drawonapp.appleanimation
+
+
+import android.animation.ValueAnimator
+import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.graphics.RectF
+import android.os.Build
+import android.util.AttributeSet
+import android.view.View
+import android.widget.TextView
+import androidx.annotation.RequiresApi
+
+/***
+ * value animator generates the values within the range (0,360)
+ * Each time value is updated the invalidate() method is called in onUpdateListener() which essentially calls onDraw() method
+ * inside onDraw() method canvas.drawArc() method is called
+ * canvas.drawArc() draws an arc with percentage such as 0..1...10..to 360
+ */
+
+class ArcAnimation(
+    context: Context?,
+    attrs: AttributeSet?
+) : View(context, attrs) {
+
+    /*** Range of percentage from 0 to 360 **/
+    private var perCent : Int = 0
+
+    private var paint = Paint()
+
+
+    @SuppressLint("DrawAllocation")
+    override fun onDraw(canvas: Canvas?) {
+        val dimensions = RectF((width/2-200).toFloat(),(height/2-200).toFloat(),
+            (width/2+200).toFloat(),(height/2+200).toFloat())
+
+        paint.apply {
+            this.color = resources.getColor(R.color.background_color)
+            this.style = Paint.Style.STROKE
+            this.strokeCap = Paint.Cap.ROUND
+            this.strokeWidth = 14F
+        }
+
+        canvas!!.drawArc(dimensions, 270f, 360f, false, paint)
+
+        paint.apply {
+            this.color = resources.getColor(R.color.blue)
+            this.style = Paint.Style.STROKE
+            this.strokeCap = Paint.Cap.ROUND
+            this.strokeWidth = 14F
+        }
+
+        canvas.drawArc(dimensions, 270f, perCent.toFloat(), false, paint)
+    }
+
+
+    fun start_animation(textView: TextView) {
+        val value_animator = ValueAnimator.ofInt(0,360)
+        value_animator.duration = 3000
+        value_animator.addUpdateListener {
+            perCent = it.animatedValue as Int
+            if (perCent == 360) {
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+                    textView.setTextColor(context.getColor(R.color.blue))
+                }
+                textView.text = "Sent"
+            }
+            invalidate()
+        }
+
+        value_animator.start()
+
+    }
+}

Yogiraj Android Solution/app/src/main/java/com/drawonapp/appleanimation/MainActivity.kt

@@ -0,0 +1,48 @@
+package com.drawonapp.appleanimation
+
+import android.animation.ValueAnimator
+import androidx.appcompat.app.AppCompatActivity
+import android.os.Bundle
+import android.widget.TextView
+import androidx.core.animation.doOnEnd
+
+class MainActivity : AppCompatActivity() {
+
+    private lateinit var arcAnimation: ArcAnimation
+
+    private lateinit var textView:TextView
+
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_main)
+
+        arcAnimation = findViewById(R.id.arc_animation)
+
+        textView = findViewById(R.id.textView)
+
+        val text_animator = ValueAnimator.ofFloat(1F,0F)
+        text_animator.duration = 1500
+        text_animator.addUpdateListener {
+            textView.alpha = it.animatedValue as Float
+        }
+
+        text_animator.doOnEnd {
+            val text_animator1 = ValueAnimator.ofFloat(0F,1F)
+            text_animator1.duration = 1500
+            text_animator1.addUpdateListener {
+                textView.alpha = it.animatedValue as Float
+            }
+
+            text_animator1.doOnEnd {
+                textView.text = "Sending"
+                arcAnimation.start_animation(textView)
+            }
+
+            text_animator1.start()
+        }
+
+        text_animator.start()
+    }
+
+}

Yogiraj Android Solution/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>

Yogiraj Android Solution/app/src/main/res/drawable/circle.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="ring" android:thicknessRatio="24"
+            android:useLevel="false">
+            <solid  android:color="#E4AAA8A8"/>
+        </shape>
+    </item>
+    <item>
+        <rotate android:fromDegrees="270" android:toDegrees="270">
+            <shape android:shape="ring" android:thicknessRatio="24" android:useLevel="true" >
+                <solid android:color="#2846EC"/>
+            </shape>
+
+        </rotate>
+
+    </item>
+
+
+
+</layer-list>

Yogiraj Android Solution/app/src/main/res/drawable/ic_baseline_account_circle_24.xml

@@ -0,0 +1,5 @@
+<vector android:height="130dp" android:tint="#8C8C8C"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="130dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/black" android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM12,5c1.66,0 3,1.34 3,3s-1.34,3 -3,3 -3,-1.34 -3,-3 1.34,-3 3,-3zM12,19.2c-2.5,0 -4.71,-1.28 -6,-3.22 0.03,-1.99 4,-3.08 6,-3.08 1.99,0 5.97,1.09 6,3.08 -1.29,1.94 -3.5,3.22 -6,3.22z"/>
+</vector>