Custom Circular View Added.

Author: Waheed Nazir

app/build.gradle

@@ -4,7 +4,7 @@ android {
     compileSdkVersion 28
     defaultConfig {
         applicationId "wavetechstudio.androidCustomViews"
-        minSdkVersion 16
+        minSdkVersion 21
         targetSdkVersion 28
         versionCode 1
         versionName "1.0"

app/src/main/java/wavetechstudio/androidCustomViews/CustomCircularView.java

@@ -0,0 +1,80 @@
+package wavetechstudio.androidCustomViews;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.Path;
+import android.graphics.Region;
+import android.util.AttributeSet;
+import android.view.View;
+
+public class CustomCircularView extends View {
+    private static final int DEFAULT_FG_COLOR = 0xffff0000;
+    private static final int DEFAULT_BG_COLOR = 0xffa0a0a0;
+    private Paint backgroundPaint;
+    private Paint foregroundPaint;
+    private int selectedAngle;
+    private Path clipPath;
+
+    public CustomCircularView(Context context, AttributeSet attributeSet) {
+        super(context, attributeSet);
+
+        backgroundPaint = new Paint();
+        backgroundPaint.setColor(DEFAULT_BG_COLOR);
+        backgroundPaint.setStyle(Paint.Style.FILL);
+
+        foregroundPaint = new Paint();
+        foregroundPaint.setColor(DEFAULT_FG_COLOR);
+        foregroundPaint.setStyle(Paint.Style.FILL);
+
+        selectedAngle = 280;
+    }
+
+    @Override
+    protected void onDraw(Canvas canvas) {
+        int circleSize = getWidth();
+        if (getHeight() < circleSize) circleSize = getHeight();
+
+        int horMargin = (getWidth() - circleSize) / 2;
+        int verMargin = (getHeight() - circleSize) / 2;
+
+        // create a clipPath the first time
+        if (clipPath == null) {
+            int clipWidth = (int) (circleSize * 0.75);
+
+            int clipX = (getWidth() - clipWidth) / 2;
+            int clipY = (getHeight() - clipWidth) / 2;
+            clipPath = new Path();
+            clipPath.addArc(
+                    clipX,
+                    clipY,
+                    clipX + clipWidth,
+                    clipY + clipWidth,
+                    0, 360);
+        }
+
+        canvas.clipRect(0, 0, getWidth(), getHeight());
+        canvas.clipPath(clipPath, Region.Op.DIFFERENCE);
+
+        canvas.save();
+        canvas.rotate(-90, getWidth() / 2, getHeight() / 2);
+
+        canvas.drawArc(
+                horMargin,
+                verMargin,
+                horMargin + circleSize,
+                verMargin + circleSize,
+                0, 360, true, backgroundPaint);
+
+        canvas.drawArc(
+                horMargin,
+                verMargin,
+                horMargin + circleSize,
+                verMargin + circleSize,
+                0, selectedAngle, true, foregroundPaint);
+
+        canvas.restore();
+    }
+
+
+}

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

@@ -67,6 +67,11 @@
             android:textColor="@color/white"
             android:textSize="16sp" />
 
+        <wavetechstudio.androidCustomViews.CustomCircularView
+            android:layout_width="100dp"
+            android:layout_height="100dp"
+            android:layout_marginTop="8dp" />
+
         <ScrollView
             android:layout_width="match_parent"
             android:layout_height="match_parent"