Animate White Line Forward

app/.gitignore

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

app/build.gradle

@@ -0,0 +1,28 @@
+apply plugin: 'com.android.application'
+
+android {
+    compileSdkVersion 27
+    defaultConfig {
+        applicationId "com.example.varun.theglowingloader"
+        minSdkVersion 21
+        targetSdkVersion 27
+        versionCode 1
+        versionName "1.0"
+        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar'])
+    implementation 'com.android.support:appcompat-v7:27.1.1'
+    implementation 'com.android.support.constraint:constraint-layout:1.1.2'
+    testImplementation 'junit:junit:4.12'
+    androidTestImplementation 'com.android.support.test:runner:1.0.2'
+    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
+}

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

app/src/androidTest/java/com/example/varun/loader/ExampleInstrumentedTest.java

@@ -0,0 +1,26 @@
+package com.example.varun.loader;
+
+import android.content.Context;
+import android.support.test.InstrumentationRegistry;
+import android.support.test.runner.AndroidJUnit4;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import static org.junit.Assert.*;
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+    @Test
+    public void useAppContext() {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getTargetContext();
+
+        assertEquals("com.example.varun.theglowingloader", appContext.getPackageName());
+    }
+}

app/src/main/AndroidManifest.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.example.varun.loader">
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/AppTheme">
+        <activity android:name="com.example.varun.MainActivity">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

app/src/main/java/com/example/varun/MainActivity.java

@@ -0,0 +1,15 @@
+package com.example.varun;
+
+import android.support.v7.app.AppCompatActivity;
+import android.os.Bundle;
+
+import com.example.varun.loader.R;
+
+public class MainActivity extends AppCompatActivity {
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+    }
+}

app/src/main/java/com/example/varun/loader/GlowingLoader.java

@@ -0,0 +1,218 @@
+package com.example.varun.loader;
+
+import android.animation.Animator;
+import android.animation.AnimatorListenerAdapter;
+import android.animation.PropertyValuesHolder;
+import android.animation.ValueAnimator;
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.support.annotation.Nullable;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+import android.view.animation.AccelerateInterpolator;
+import android.view.animation.DecelerateInterpolator;
+
+import java.util.logging.Handler;
+
+public class GlowingLoader extends View {
+    private Paint rp;
+    private Paint wp;
+    private float x1, x2, x3, x4, y1, y2, y3, y4;
+    private float xa11, xa12, ya11, ya12, xa21, ya21, xa22, ya22, xa31, ya31, xa32, ya32;
+    private ValueAnimator w11, w12, w21, w22, w31, w32;
+
+    public GlowingLoader(Context context) {
+        super(context);
+        init();
+    }
+
+    public GlowingLoader(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init();
+    }
+
+    public GlowingLoader(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    public GlowingLoader(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
+        super(context, attrs, defStyleAttr, defStyleRes);
+        init();
+    }
+
+    private void init() {
+        rp = new Paint(Paint.ANTI_ALIAS_FLAG);
+        rp.setColor(Color.parseColor("#EF5350"));
+        rp.setStrokeWidth(25);
+        rp.setStrokeCap(Paint.Cap.ROUND);
+
+        wp = new Paint(Paint.ANTI_ALIAS_FLAG);
+        wp.setColor(Color.WHITE);
+        wp.setStrokeWidth(25);
+        wp.setStrokeCap(Paint.Cap.ROUND);
+    }
+
+    private void startAnimation() {
+        Log.d("TAG", String.valueOf(x1));
+        Log.d("TAG", String.valueOf(x2));
+
+        PropertyValuesHolder px1 = PropertyValuesHolder.ofFloat("X", x1, x2);
+        PropertyValuesHolder py1 = PropertyValuesHolder.ofFloat("Y", y1, y2);
+        PropertyValuesHolder px2 = PropertyValuesHolder.ofFloat("X", x2, x3);
+        PropertyValuesHolder py2 = PropertyValuesHolder.ofFloat("Y", y2, y3);
+        PropertyValuesHolder px3 = PropertyValuesHolder.ofFloat("X", x3, x4);
+        PropertyValuesHolder py3 = PropertyValuesHolder.ofFloat("Y", y3, y4);
+
+        w11 = ValueAnimator.ofPropertyValuesHolder(px1, py1);
+        w11.setInterpolator(new AccelerateInterpolator(1.8f));
+        w11.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator valueAnimator) {
+                xa12 = (float) valueAnimator.getAnimatedValue("X");
+                ya12 = (float) valueAnimator.getAnimatedValue("Y");
+                invalidate();
+            }
+        });
+
+        w12 = ValueAnimator.ofPropertyValuesHolder(px1, py1);
+        w12.setInterpolator(new AccelerateInterpolator(1.8f));
+        w12.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator valueAnimator) {
+                xa11 = (float) valueAnimator.getAnimatedValue("X");
+                ya11 = (float) valueAnimator.getAnimatedValue("Y");
+                invalidate();
+            }
+        });
+
+        w21 = ValueAnimator.ofPropertyValuesHolder(px2, py2);
+        w21.setInterpolator(new AccelerateInterpolator(1.8f));
+        w21.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator valueAnimator) {
+                xa22 = (float) valueAnimator.getAnimatedValue("X");
+                ya22 = (float) valueAnimator.getAnimatedValue("Y");
+                invalidate();
+            }
+        });
+
+        w22 = ValueAnimator.ofPropertyValuesHolder(px2, py2);
+        w22.setInterpolator(new AccelerateInterpolator(1.8f));
+        w22.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator valueAnimator) {
+                xa21 = (float) valueAnimator.getAnimatedValue("X");
+                ya21 = (float) valueAnimator.getAnimatedValue("Y");
+                invalidate();
+            }
+        });
+
+        w31 = ValueAnimator.ofPropertyValuesHolder(px3, py3);
+        w31.setInterpolator(new DecelerateInterpolator(1.8f));
+        w31.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator valueAnimator) {
+                xa32 = (float) valueAnimator.getAnimatedValue("X");
+                ya32 = (float) valueAnimator.getAnimatedValue("Y");
+                invalidate();
+            }
+        });
+
+        w32 = ValueAnimator.ofPropertyValuesHolder(px3, py3);
+        w32.setInterpolator(new DecelerateInterpolator(1.8f));
+        w32.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
+            @Override
+            public void onAnimationUpdate(ValueAnimator valueAnimator) {
+                xa31 = (float) valueAnimator.getAnimatedValue("X");
+                ya31 = (float) valueAnimator.getAnimatedValue("Y");
+                invalidate();
+            }
+        });
+
+        int tw11 = 416;
+        int tw21 = 133;
+        int tw31 = 500;
+        w11.setDuration(tw11);
+        w21.setDuration(tw21);
+        w31.setDuration(tw31);
+
+        w21.setStartDelay(tw11);
+        w31.setStartDelay(tw11 + tw21);
+
+        int tw12 = 450;
+        int tw22 = 150;
+        int tw32 = 433;
+        w12.setDuration(tw12);
+        w22.setDuration(tw22);
+        w32.setDuration(tw32);
+
+
+        w22.setStartDelay(tw21);
+        w32.setStartDelay(tw21 + tw22);
+
+        w11.start();
+        w12.start();
+        w21.start();
+        w22.start();
+        w31.start();
+        w32.start();
+
+        w32.addListener(new AnimatorListenerAdapter() {
+            @Override
+            public void onAnimationEnd(Animator animation) {
+                super.onAnimationEnd(animation);
+                Runnable r = new Runnable() {
+                    @Override
+                    public void run() {
+                        initCoordinates();
+                        startAnimation();
+                    }
+                };
+                GlowingLoader.this.postDelayed(r, 1000);
+            }
+        });
+
+    }
+
+    private void initCoordinates() {
+        xa11 = xa12 = x1;
+        xa21 = xa22 = x2;
+        ya11 = ya12 = y1;
+        ya21 = ya22 = y2;
+        xa31 = xa32 = x3;
+        ya31 = ya32 = y3;
+    }
+
+
+    @Override
+    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
+        if (w < h) {
+            x1 = .1f * w;
+            y1 = h / 2 + .15f * w;
+            x2 = .30f * w;
+            y2 = h / 2 + -.15f * w;
+            x3 = .70f * w;
+            y3 = h / 2 + .30f * w;
+            x4 = .9f * w;
+            y4 = h / 2 - .03f * w;
+        } else {
+
+        }
+
+        initCoordinates();
+        startAnimation();
+        super.onSizeChanged(w, h, oldw, oldh);
+    }
+
+    @Override
+    protected void onDraw(Canvas canvas) {
+        super.onDraw(canvas);
+        canvas.drawLine(xa11, ya11, xa12, ya12, wp);
+        canvas.drawLine(xa21, ya21, xa22, ya22, wp);
+        canvas.drawLine(xa31, ya31, xa32, ya32, wp);
+    }
+}

app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,34 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+    <path
+        android:fillType="evenOdd"
+        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="78.5885"
+                android:endY="90.9159"
+                android:startX="48.7653"
+                android:startY="61.0927"
+                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="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1" />
+</vector>