├── app
├── .gitignore
├── src
│ └── main
│ │ ├── res
│ │ ├── values
│ │ │ ├── strings.xml
│ │ │ ├── colors.xml
│ │ │ ├── styles.xml
│ │ │ └── attrs.xml
│ │ ├── mipmap-hdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ ├── mipmap-mdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ ├── mipmap-xhdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ ├── mipmap-xxhdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ ├── mipmap-xxxhdpi
│ │ │ ├── ic_launcher.png
│ │ │ └── ic_launcher_round.png
│ │ └── layout
│ │ │ └── activity_main.xml
│ │ ├── java
│ │ └── com
│ │ │ └── blankj
│ │ │ └── progressring
│ │ │ ├── MainActivity.java
│ │ │ └── ProgressRing.java
│ │ └── AndroidManifest.xml
├── build.gradle
└── proguard-rules.pro
├── settings.gradle
├── gradle
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── .gitignore
├── gradle.properties
├── gradlew.bat
├── gradlew
├── LICENSE
└── README.md
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':app'
2 |
--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | ProgressRing
3 |
4 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .gradle
3 | /local.properties
4 | /.idea
5 | .DS_Store
6 | /build
7 | /captures
8 | .externalNativeBuild
9 |
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Blankj/ProgressRing/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #3F51B5
4 | #303F9F
5 | #FF4081
6 |
7 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Wed Jul 12 10:18:35 CST 2017
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://services.gradle.org/distributions/gradle-3.3-all.zip
7 |
--------------------------------------------------------------------------------
/app/src/main/java/com/blankj/progressring/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.blankj.progressring;
2 |
3 | import android.support.v7.app.AppCompatActivity;
4 | import android.os.Bundle;
5 |
6 | public class MainActivity extends AppCompatActivity {
7 |
8 | @Override
9 | protected void onCreate(Bundle savedInstanceState) {
10 | super.onCreate(savedInstanceState);
11 | setContentView(R.layout.activity_main);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: 'com.android.application'
2 |
3 | android {
4 | compileSdkVersion 25
5 | buildToolsVersion "25.0.3"
6 | defaultConfig {
7 | applicationId "com.blankj.progressring"
8 | minSdkVersion 14
9 | targetSdkVersion 25
10 | versionCode 1
11 | versionName "1.0"
12 | }
13 | buildTypes {
14 | release {
15 | minifyEnabled false
16 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
17 | }
18 | }
19 | }
20 |
21 | dependencies {
22 | compile fileTree(dir: 'libs', include: ['*.jar'])
23 | compile 'com.android.support:appcompat-v7:25.+'
24 | }
25 |
--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 |
3 | # IDE (e.g. Android Studio) users:
4 | # Gradle settings configured through the IDE *will override*
5 | # any settings specified in this file.
6 |
7 | # For more details on how to configure your build environment visit
8 | # http://www.gradle.org/docs/current/userguide/build_environment.html
9 |
10 | # Specifies the JVM arguments used for the daemon process.
11 | # The setting is particularly useful for tweaking memory settings.
12 | org.gradle.jvmargs=-Xmx1536m
13 |
14 | # When configured, Gradle will run in incubating parallel mode.
15 | # This option should only be used with decoupled projects. More details, visit
16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
17 | # org.gradle.parallel=true
18 |
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_main.xml:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/app/src/main/res/values/attrs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # By default, the flags in this file are appended to flags specified
3 | # in /Users/Blankj/Library/Android/android_sdk/tools/proguard/proguard-android.txt
4 | # You can edit the include path and order by changing the proguardFiles
5 | # directive in build.gradle.
6 | #
7 | # For more details, see
8 | # http://developer.android.com/guide/developing/tools/proguard.html
9 |
10 | # Add any project specific keep options here:
11 |
12 | # If your project uses WebView with JS, uncomment the following
13 | # and specify the fully qualified class name to the JavaScript interface
14 | # class:
15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
16 | # public *;
17 | #}
18 |
19 | # Uncomment this to preserve the line number information for
20 | # debugging stack traces.
21 | #-keepattributes SourceFile,LineNumberTable
22 |
23 | # If you keep the line number information, uncomment this to
24 | # hide the original source file name.
25 | #-renamesourcefileattribute SourceFile
26 |
--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
1 | @if "%DEBUG%" == "" @echo off
2 | @rem ##########################################################################
3 | @rem
4 | @rem Gradle startup script for Windows
5 | @rem
6 | @rem ##########################################################################
7 |
8 | @rem Set local scope for the variables with windows NT shell
9 | if "%OS%"=="Windows_NT" setlocal
10 |
11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
12 | set DEFAULT_JVM_OPTS=
13 |
14 | set DIRNAME=%~dp0
15 | if "%DIRNAME%" == "" set DIRNAME=.
16 | set APP_BASE_NAME=%~n0
17 | set APP_HOME=%DIRNAME%
18 |
19 | @rem Find java.exe
20 | if defined JAVA_HOME goto findJavaFromJavaHome
21 |
22 | set JAVA_EXE=java.exe
23 | %JAVA_EXE% -version >NUL 2>&1
24 | if "%ERRORLEVEL%" == "0" goto init
25 |
26 | echo.
27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
28 | echo.
29 | echo Please set the JAVA_HOME variable in your environment to match the
30 | echo location of your Java installation.
31 |
32 | goto fail
33 |
34 | :findJavaFromJavaHome
35 | set JAVA_HOME=%JAVA_HOME:"=%
36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
37 |
38 | if exist "%JAVA_EXE%" goto init
39 |
40 | echo.
41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
42 | echo.
43 | echo Please set the JAVA_HOME variable in your environment to match the
44 | echo location of your Java installation.
45 |
46 | goto fail
47 |
48 | :init
49 | @rem Get command-line arguments, handling Windowz variants
50 |
51 | if not "%OS%" == "Windows_NT" goto win9xME_args
52 | if "%@eval[2+2]" == "4" goto 4NT_args
53 |
54 | :win9xME_args
55 | @rem Slurp the command line arguments.
56 | set CMD_LINE_ARGS=
57 | set _SKIP=2
58 |
59 | :win9xME_args_slurp
60 | if "x%~1" == "x" goto execute
61 |
62 | set CMD_LINE_ARGS=%*
63 | goto execute
64 |
65 | :4NT_args
66 | @rem Get arguments from the 4NT Shell from JP Software
67 | set CMD_LINE_ARGS=%$
68 |
69 | :execute
70 | @rem Setup the command line
71 |
72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
73 |
74 | @rem Execute Gradle
75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
76 |
77 | :end
78 | @rem End local scope for the variables with windows NT shell
79 | if "%ERRORLEVEL%"=="0" goto mainEnd
80 |
81 | :fail
82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
83 | rem the _cmd.exe /c_ return code!
84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
85 | exit /b 1
86 |
87 | :mainEnd
88 | if "%OS%"=="Windows_NT" endlocal
89 |
90 | :omega
91 |
--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | ##############################################################################
4 | ##
5 | ## Gradle start up script for UN*X
6 | ##
7 | ##############################################################################
8 |
9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
10 | DEFAULT_JVM_OPTS=""
11 |
12 | APP_NAME="Gradle"
13 | APP_BASE_NAME=`basename "$0"`
14 |
15 | # Use the maximum available, or set MAX_FD != -1 to use that value.
16 | MAX_FD="maximum"
17 |
18 | warn ( ) {
19 | echo "$*"
20 | }
21 |
22 | die ( ) {
23 | echo
24 | echo "$*"
25 | echo
26 | exit 1
27 | }
28 |
29 | # OS specific support (must be 'true' or 'false').
30 | cygwin=false
31 | msys=false
32 | darwin=false
33 | case "`uname`" in
34 | CYGWIN* )
35 | cygwin=true
36 | ;;
37 | Darwin* )
38 | darwin=true
39 | ;;
40 | MINGW* )
41 | msys=true
42 | ;;
43 | esac
44 |
45 | # Attempt to set APP_HOME
46 | # Resolve links: $0 may be a link
47 | PRG="$0"
48 | # Need this for relative symlinks.
49 | while [ -h "$PRG" ] ; do
50 | ls=`ls -ld "$PRG"`
51 | link=`expr "$ls" : '.*-> \(.*\)$'`
52 | if expr "$link" : '/.*' > /dev/null; then
53 | PRG="$link"
54 | else
55 | PRG=`dirname "$PRG"`"/$link"
56 | fi
57 | done
58 | SAVED="`pwd`"
59 | cd "`dirname \"$PRG\"`/" >/dev/null
60 | APP_HOME="`pwd -P`"
61 | cd "$SAVED" >/dev/null
62 |
63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
64 |
65 | # Determine the Java command to use to start the JVM.
66 | if [ -n "$JAVA_HOME" ] ; then
67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
68 | # IBM's JDK on AIX uses strange locations for the executables
69 | JAVACMD="$JAVA_HOME/jre/sh/java"
70 | else
71 | JAVACMD="$JAVA_HOME/bin/java"
72 | fi
73 | if [ ! -x "$JAVACMD" ] ; then
74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
75 |
76 | Please set the JAVA_HOME variable in your environment to match the
77 | location of your Java installation."
78 | fi
79 | else
80 | JAVACMD="java"
81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
82 |
83 | Please set the JAVA_HOME variable in your environment to match the
84 | location of your Java installation."
85 | fi
86 |
87 | # Increase the maximum file descriptors if we can.
88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
89 | MAX_FD_LIMIT=`ulimit -H -n`
90 | if [ $? -eq 0 ] ; then
91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
92 | MAX_FD="$MAX_FD_LIMIT"
93 | fi
94 | ulimit -n $MAX_FD
95 | if [ $? -ne 0 ] ; then
96 | warn "Could not set maximum file descriptor limit: $MAX_FD"
97 | fi
98 | else
99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
100 | fi
101 | fi
102 |
103 | # For Darwin, add options to specify how the application appears in the dock
104 | if $darwin; then
105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
106 | fi
107 |
108 | # For Cygwin, switch paths to Windows format before running java
109 | if $cygwin ; then
110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
112 | JAVACMD=`cygpath --unix "$JAVACMD"`
113 |
114 | # We build the pattern for arguments to be converted via cygpath
115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
116 | SEP=""
117 | for dir in $ROOTDIRSRAW ; do
118 | ROOTDIRS="$ROOTDIRS$SEP$dir"
119 | SEP="|"
120 | done
121 | OURCYGPATTERN="(^($ROOTDIRS))"
122 | # Add a user-defined pattern to the cygpath arguments
123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
125 | fi
126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
127 | i=0
128 | for arg in "$@" ; do
129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
131 |
132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
134 | else
135 | eval `echo args$i`="\"$arg\""
136 | fi
137 | i=$((i+1))
138 | done
139 | case $i in
140 | (0) set -- ;;
141 | (1) set -- "$args0" ;;
142 | (2) set -- "$args0" "$args1" ;;
143 | (3) set -- "$args0" "$args1" "$args2" ;;
144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
150 | esac
151 | fi
152 |
153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
154 | function splitJvmOpts() {
155 | JVM_OPTS=("$@")
156 | }
157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
159 |
160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
161 |
--------------------------------------------------------------------------------
/app/src/main/java/com/blankj/progressring/ProgressRing.java:
--------------------------------------------------------------------------------
1 | package com.blankj.progressring;
2 |
3 | import android.content.Context;
4 | import android.content.res.TypedArray;
5 | import android.graphics.Canvas;
6 | import android.graphics.Color;
7 | import android.graphics.Paint;
8 | import android.graphics.RectF;
9 | import android.support.annotation.IntRange;
10 | import android.support.annotation.Nullable;
11 | import android.util.AttributeSet;
12 | import android.view.View;
13 |
14 | /**
15 | *
16 | * author: Blankj
17 | * blog : http://blankj.com
18 | * time : 2017/07/10
19 | * desc :
20 | *
21 | */
22 | public class ProgressRing extends View {
23 |
24 | private int progressStartColor;
25 | private int progressEndColor;
26 | private int bgStartColor;
27 | private int bgMidColor;
28 | private int bgEndColor;
29 | private int progress;
30 | private float progressWidth;
31 | private int startAngle;
32 | private int sweepAngle;
33 | private boolean showAnim;
34 |
35 | private int mMeasureHeight;
36 | private int mMeasureWidth;
37 |
38 | private Paint bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
39 | private Paint progressPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
40 |
41 | private RectF pRectF;
42 |
43 | private float unitAngle;
44 |
45 | private int curProgress = 0;
46 |
47 | public ProgressRing(Context context, @Nullable AttributeSet attrs) {
48 | super(context, attrs);
49 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.ProgressRing);
50 | progressStartColor = ta.getColor(R.styleable.ProgressRing_pr_progress_start_color, Color.YELLOW);
51 | progressEndColor = ta.getColor(R.styleable.ProgressRing_pr_progress_end_color, progressStartColor);
52 | bgStartColor = ta.getColor(R.styleable.ProgressRing_pr_bg_start_color, Color.LTGRAY);
53 | bgMidColor = ta.getColor(R.styleable.ProgressRing_pr_bg_mid_color, bgStartColor);
54 | bgEndColor = ta.getColor(R.styleable.ProgressRing_pr_bg_end_color, bgStartColor);
55 | progress = ta.getInt(R.styleable.ProgressRing_pr_progress, 0);
56 | progressWidth = ta.getDimension(R.styleable.ProgressRing_pr_progress_width, 8f);
57 | startAngle = ta.getInt(R.styleable.ProgressRing_pr_start_angle, 150);
58 | sweepAngle = ta.getInt(R.styleable.ProgressRing_pr_sweep_angle, 240);
59 | showAnim = ta.getBoolean(R.styleable.ProgressRing_pr_show_anim, true);
60 | ta.recycle();
61 |
62 | unitAngle = (float) (sweepAngle / 100.0);
63 |
64 | bgPaint.setStyle(Paint.Style.STROKE);
65 | bgPaint.setStrokeCap(Paint.Cap.ROUND);
66 | bgPaint.setStrokeWidth(progressWidth);
67 |
68 | progressPaint.setStyle(Paint.Style.STROKE);
69 | progressPaint.setStrokeCap(Paint.Cap.ROUND);
70 | progressPaint.setStrokeWidth(progressWidth);
71 |
72 | }
73 |
74 | @Override
75 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
76 | super.onMeasure(widthMeasureSpec, heightMeasureSpec);
77 | mMeasureWidth = getMeasuredWidth();
78 | mMeasureHeight = getMeasuredHeight();
79 | if (pRectF == null) {
80 | float halfProgressWidth = progressWidth / 2;
81 | pRectF = new RectF(halfProgressWidth + getPaddingLeft(),
82 | halfProgressWidth + getPaddingTop(),
83 | mMeasureWidth - halfProgressWidth - getPaddingRight(),
84 | mMeasureHeight - halfProgressWidth - getPaddingBottom());
85 | }
86 | }
87 |
88 | @Override
89 | protected void onDraw(Canvas canvas) {
90 | super.onDraw(canvas);
91 |
92 | if (!showAnim) {
93 | curProgress = progress;
94 | }
95 |
96 | drawBg(canvas);
97 | drawProgress(canvas);
98 |
99 | if (curProgress < progress) {
100 | curProgress++;
101 | postInvalidate();
102 | }
103 |
104 | }
105 |
106 | // 只需要画进度之外的背景即可
107 | private void drawBg(Canvas canvas) {
108 | float halfSweep = sweepAngle / 2;
109 | for (int i = sweepAngle, st = (int) (curProgress * unitAngle); i > st; --i) {
110 | if (i - halfSweep > 0) {
111 | bgPaint.setColor(getGradient((i - halfSweep) / halfSweep, bgMidColor, bgEndColor));
112 | } else {
113 | bgPaint.setColor(getGradient((halfSweep - i) / halfSweep, bgMidColor, bgStartColor));
114 | }
115 | canvas.drawArc(pRectF,
116 | startAngle + i,
117 | 1,
118 | false,
119 | bgPaint);
120 | }
121 | }
122 |
123 | private void drawProgress(Canvas canvas) {
124 | for (int i = 0, end = (int) (curProgress * unitAngle); i <= end; i++) {
125 | progressPaint.setColor(getGradient(i / (float) end, progressStartColor, progressEndColor));
126 | canvas.drawArc(pRectF,
127 | startAngle + i,
128 | 1,
129 | false,
130 | progressPaint);
131 | }
132 | }
133 |
134 | public void setProgress(@IntRange(from = 0, to = 100) int progress) {
135 | this.progress = progress;
136 | invalidate();
137 | }
138 |
139 | public int getProgress() {
140 | return progress;
141 | }
142 |
143 | public int getGradient(float fraction, int startColor, int endColor) {
144 | if (fraction > 1) fraction = 1;
145 | int alphaStart = Color.alpha(startColor);
146 | int redStart = Color.red(startColor);
147 | int blueStart = Color.blue(startColor);
148 | int greenStart = Color.green(startColor);
149 | int alphaEnd = Color.alpha(endColor);
150 | int redEnd = Color.red(endColor);
151 | int blueEnd = Color.blue(endColor);
152 | int greenEnd = Color.green(endColor);
153 | int alphaDifference = alphaEnd - alphaStart;
154 | int redDifference = redEnd - redStart;
155 | int blueDifference = blueEnd - blueStart;
156 | int greenDifference = greenEnd - greenStart;
157 | int alphaCurrent = (int) (alphaStart + fraction * alphaDifference);
158 | int redCurrent = (int) (redStart + fraction * redDifference);
159 | int blueCurrent = (int) (blueStart + fraction * blueDifference);
160 | int greenCurrent = (int) (greenStart + fraction * greenDifference);
161 | return Color.argb(alphaCurrent, redCurrent, greenCurrent, blueCurrent);
162 | }
163 | }
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Apache License
2 | Version 2.0, January 2004
3 | http://www.apache.org/licenses/
4 |
5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6 |
7 | 1. Definitions.
8 |
9 | "License" shall mean the terms and conditions for use, reproduction,
10 | and distribution as defined by Sections 1 through 9 of this document.
11 |
12 | "Licensor" shall mean the copyright owner or entity authorized by
13 | the copyright owner that is granting the License.
14 |
15 | "Legal Entity" shall mean the union of the acting entity and all
16 | other entities that control, are controlled by, or are under common
17 | control with that entity. For the purposes of this definition,
18 | "control" means (i) the power, direct or indirect, to cause the
19 | direction or management of such entity, whether by contract or
20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the
21 | outstanding shares, or (iii) beneficial ownership of such entity.
22 |
23 | "You" (or "Your") shall mean an individual or Legal Entity
24 | exercising permissions granted by this License.
25 |
26 | "Source" form shall mean the preferred form for making modifications,
27 | including but not limited to software source code, documentation
28 | source, and configuration files.
29 |
30 | "Object" form shall mean any form resulting from mechanical
31 | transformation or translation of a Source form, including but
32 | not limited to compiled object code, generated documentation,
33 | and conversions to other media types.
34 |
35 | "Work" shall mean the work of authorship, whether in Source or
36 | Object form, made available under the License, as indicated by a
37 | copyright notice that is included in or attached to the work
38 | (an example is provided in the Appendix below).
39 |
40 | "Derivative Works" shall mean any work, whether in Source or Object
41 | form, that is based on (or derived from) the Work and for which the
42 | editorial revisions, annotations, elaborations, or other modifications
43 | represent, as a whole, an original work of authorship. For the purposes
44 | of this License, Derivative Works shall not include works that remain
45 | separable from, or merely link (or bind by name) to the interfaces of,
46 | the Work and Derivative Works thereof.
47 |
48 | "Contribution" shall mean any work of authorship, including
49 | the original version of the Work and any modifications or additions
50 | to that Work or Derivative Works thereof, that is intentionally
51 | submitted to Licensor for inclusion in the Work by the copyright owner
52 | or by an individual or Legal Entity authorized to submit on behalf of
53 | the copyright owner. For the purposes of this definition, "submitted"
54 | means any form of electronic, verbal, or written communication sent
55 | to the Licensor or its representatives, including but not limited to
56 | communication on electronic mailing lists, source code control systems,
57 | and issue tracking systems that are managed by, or on behalf of, the
58 | Licensor for the purpose of discussing and improving the Work, but
59 | excluding communication that is conspicuously marked or otherwise
60 | designated in writing by the copyright owner as "Not a Contribution."
61 |
62 | "Contributor" shall mean Licensor and any individual or Legal Entity
63 | on behalf of whom a Contribution has been received by Licensor and
64 | subsequently incorporated within the Work.
65 |
66 | 2. Grant of Copyright License. Subject to the terms and conditions of
67 | this License, each Contributor hereby grants to You a perpetual,
68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69 | copyright license to reproduce, prepare Derivative Works of,
70 | publicly display, publicly perform, sublicense, and distribute the
71 | Work and such Derivative Works in Source or Object form.
72 |
73 | 3. Grant of Patent License. Subject to the terms and conditions of
74 | this License, each Contributor hereby grants to You a perpetual,
75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76 | (except as stated in this section) patent license to make, have made,
77 | use, offer to sell, sell, import, and otherwise transfer the Work,
78 | where such license applies only to those patent claims licensable
79 | by such Contributor that are necessarily infringed by their
80 | Contribution(s) alone or by combination of their Contribution(s)
81 | with the Work to which such Contribution(s) was submitted. If You
82 | institute patent litigation against any entity (including a
83 | cross-claim or counterclaim in a lawsuit) alleging that the Work
84 | or a Contribution incorporated within the Work constitutes direct
85 | or contributory patent infringement, then any patent licenses
86 | granted to You under this License for that Work shall terminate
87 | as of the date such litigation is filed.
88 |
89 | 4. Redistribution. You may reproduce and distribute copies of the
90 | Work or Derivative Works thereof in any medium, with or without
91 | modifications, and in Source or Object form, provided that You
92 | meet the following conditions:
93 |
94 | (a) You must give any other recipients of the Work or
95 | Derivative Works a copy of this License; and
96 |
97 | (b) You must cause any modified files to carry prominent notices
98 | stating that You changed the files; and
99 |
100 | (c) You must retain, in the Source form of any Derivative Works
101 | that You distribute, all copyright, patent, trademark, and
102 | attribution notices from the Source form of the Work,
103 | excluding those notices that do not pertain to any part of
104 | the Derivative Works; and
105 |
106 | (d) If the Work includes a "NOTICE" text file as part of its
107 | distribution, then any Derivative Works that You distribute must
108 | include a readable copy of the attribution notices contained
109 | within such NOTICE file, excluding those notices that do not
110 | pertain to any part of the Derivative Works, in at least one
111 | of the following places: within a NOTICE text file distributed
112 | as part of the Derivative Works; within the Source form or
113 | documentation, if provided along with the Derivative Works; or,
114 | within a display generated by the Derivative Works, if and
115 | wherever such third-party notices normally appear. The contents
116 | of the NOTICE file are for informational purposes only and
117 | do not modify the License. You may add Your own attribution
118 | notices within Derivative Works that You distribute, alongside
119 | or as an addendum to the NOTICE text from the Work, provided
120 | that such additional attribution notices cannot be construed
121 | as modifying the License.
122 |
123 | You may add Your own copyright statement to Your modifications and
124 | may provide additional or different license terms and conditions
125 | for use, reproduction, or distribution of Your modifications, or
126 | for any such Derivative Works as a whole, provided Your use,
127 | reproduction, and distribution of the Work otherwise complies with
128 | the conditions stated in this License.
129 |
130 | 5. Submission of Contributions. Unless You explicitly state otherwise,
131 | any Contribution intentionally submitted for inclusion in the Work
132 | by You to the Licensor shall be under the terms and conditions of
133 | this License, without any additional terms or conditions.
134 | Notwithstanding the above, nothing herein shall supersede or modify
135 | the terms of any separate license agreement you may have executed
136 | with Licensor regarding such Contributions.
137 |
138 | 6. Trademarks. This License does not grant permission to use the trade
139 | names, trademarks, service marks, or product names of the Licensor,
140 | except as required for reasonable and customary use in describing the
141 | origin of the Work and reproducing the content of the NOTICE file.
142 |
143 | 7. Disclaimer of Warranty. Unless required by applicable law or
144 | agreed to in writing, Licensor provides the Work (and each
145 | Contributor provides its Contributions) on an "AS IS" BASIS,
146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 | implied, including, without limitation, any warranties or conditions
148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 | PARTICULAR PURPOSE. You are solely responsible for determining the
150 | appropriateness of using or redistributing the Work and assume any
151 | risks associated with Your exercise of permissions under this License.
152 |
153 | 8. Limitation of Liability. In no event and under no legal theory,
154 | whether in tort (including negligence), contract, or otherwise,
155 | unless required by applicable law (such as deliberate and grossly
156 | negligent acts) or agreed to in writing, shall any Contributor be
157 | liable to You for damages, including any direct, indirect, special,
158 | incidental, or consequential damages of any character arising as a
159 | result of this License or out of the use or inability to use the
160 | Work (including but not limited to damages for loss of goodwill,
161 | work stoppage, computer failure or malfunction, or any and all
162 | other commercial damages or losses), even if such Contributor
163 | has been advised of the possibility of such damages.
164 |
165 | 9. Accepting Warranty or Additional Liability. While redistributing
166 | the Work or Derivative Works thereof, You may choose to offer,
167 | and charge a fee for, acceptance of support, warranty, indemnity,
168 | or other liability obligations and/or rights consistent with this
169 | License. However, in accepting such obligations, You may act only
170 | on Your own behalf and on Your sole responsibility, not on behalf
171 | of any other Contributor, and only if You agree to indemnify,
172 | defend, and hold each Contributor harmless for any liability
173 | incurred by, or claims asserted against, such Contributor by reason
174 | of your accepting any such warranty or additional liability.
175 |
176 | END OF TERMS AND CONDITIONS
177 |
178 | APPENDIX: How to apply the Apache License to your work.
179 |
180 | To apply the Apache License to your work, attach the following
181 | boilerplate notice, with the fields enclosed by brackets "{}"
182 | replaced with your own identifying information. (Don't include
183 | the brackets!) The text should be enclosed in the appropriate
184 | comment syntax for the file format. We also recommend that a
185 | file or class name and description of purpose be included on the
186 | same "printed page" as the copyright notice for easier
187 | identification within third-party archives.
188 |
189 | Copyright {yyyy} {name of copyright owner}
190 |
191 | Licensed under the Apache License, Version 2.0 (the "License");
192 | you may not use this file except in compliance with the License.
193 | You may obtain a copy of the License at
194 |
195 | http://www.apache.org/licenses/LICENSE-2.0
196 |
197 | Unless required by applicable law or agreed to in writing, software
198 | distributed under the License is distributed on an "AS IS" BASIS,
199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 | See the License for the specific language governing permissions and
201 | limitations under the License.
202 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # ProgressRing
2 | 自定义View之渐变圆环进度条
3 |
4 |
5 |
6 | ## 前言
7 |
8 | 这两天做的页面中有一个比较有意思的积分环，采用的是渐变形式，具体如下图所示。
9 |
10 | 
11 |
12 | 真实效果图如下所示，
13 |
14 | 
15 |
16 | 下面就让我们来一步步实现它。
17 |
18 | 对自定义View还不了解的可以参考我之前写的三篇文章：
19 |
20 | [自定义View(一)(Android群英传)](http://www.jianshu.com/p/e404c9421466)
21 |
22 | [自定义View(二)(Android群英传)](http://www.jianshu.com/p/d73fb0879827)
23 |
24 | [自定义View(三)(Android群英传)](http://www.jianshu.com/p/ad1f588a6cad)
25 |
26 |
27 | ## 实现
28 |
29 | 首先，我们要明确我们要控制这个自定义View的哪些属性，可以分析出，我们需要控制环的粗细，环的进度，进度环的起始和结束色，背景环的起始和结束色，环的起始角度，环扫过的角度，有了这些参数，那么也就确定了其样式，顺便，我们再加一个是否显示动画的参数，具体`attrs.xml`文件内容如下所示。
30 |
31 | ``` xml
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 | ```
58 |
59 | 下一步新建一个类`ProgressRing`，继承自`View`，我们实现其第二个构造函数
60 | ``` java
61 | public ProgressRing(Context context, @Nullable AttributeSet attrs) {
62 | super(context, attrs);
63 | }
64 | ```
65 |
66 | 既然我们定义了那么多属性，那么在这个构造函数中我们就需要用到那些属性了，具体操作如下所示。
67 |
68 | ``` java
69 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.ProgressRing);
70 | progressStartColor = ta.getColor(R.styleable.ProgressRing_pr_progress_start_color, Color.YELLOW);
71 | progressEndColor = ta.getColor(R.styleable.ProgressRing_pr_progress_end_color, progressStartColor);
72 | bgStartColor = ta.getColor(R.styleable.ProgressRing_pr_bg_start_color, Color.LTGRAY);
73 | bgMidColor = ta.getColor(R.styleable.ProgressRing_pr_bg_mid_color, bgStartColor);
74 | bgEndColor = ta.getColor(R.styleable.ProgressRing_pr_bg_end_color, bgStartColor);
75 | progress = ta.getInt(R.styleable.ProgressRing_pr_progress, 0);
76 | progressWidth = ta.getDimension(R.styleable.ProgressRing_pr_progress_width, 8f);
77 | startAngle = ta.getInt(R.styleable.ProgressRing_pr_start_angle, 150);
78 | sweepAngle = ta.getInt(R.styleable.ProgressRing_pr_sweep_angle, 240);
79 | showAnim = ta.getBoolean(R.styleable.ProgressRing_pr_show_anim, true);
80 | ta.recycle();
81 | ```
82 |
83 | 这里`startAngle`为何为150呢，也就是起始角度为150度，这150代表什么呢？因为我之后画圆环调用的是`drawArc`函数，我们跳转进去查看一下便可发现如下说明`The arc is drawn clockwise. An angle of 0 degrees correspond to the geometric angle of 0 degrees (3 o'clock on a watch.)`，也就是说，零度角是在时钟三点钟方向，沿着顺时针方向角度依次增大，如果还不懂的话，那就看我下面这张图的分析。
84 |
85 | 
86 |
87 | 所以`sweepAngle`为240大家也都知道了吧。
88 |
89 | 当然这都是默认值，具体数值你们可以自己定义，从而实现不同的圆弧。
90 |
91 | 我们进度最大为100，我们可以得到单位角度`unitAngle = (float) (sweepAngle / 100.0);`
92 |
93 | 我们分别设置两支画笔，`bgPaint`和`progressPaint`，一支画背景，一支画进度，并对他们设置样式，具体如下所示。
94 |
95 | ``` java
96 | private Paint bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
97 | private Paint progressPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
98 |
99 | bgPaint.setStyle(Paint.Style.STROKE);
100 | bgPaint.setStrokeCap(Paint.Cap.ROUND);
101 | bgPaint.setStrokeWidth(progressWidth);
102 | progressPaint.setStyle(Paint.Style.STROKE);
103 | progressPaint.setStrokeCap(Paint.Cap.ROUND);
104 | progressPaint.setStrokeWidth(progressWidth);
105 | ```
106 |
107 | 现在，我们最初的准备工作都做完了，下面就是来确定画的大小和画的东西了，画的位置，我们需要在`onMeasure`中确定画的大小，代码比较简单，如下所示。
108 |
109 | ``` java
110 | @Override
111 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
112 | super.onMeasure(widthMeasureSpec, heightMeasureSpec);
113 | mMeasureWidth = getMeasuredWidth();
114 | mMeasureHeight = getMeasuredHeight();
115 | if (pRectF == null) {
116 | float halfProgressWidth = progressWidth / 2;
117 | pRectF = new RectF(halfProgressWidth + getPaddingLeft(),
118 | halfProgressWidth + getPaddingTop(),
119 | mMeasureWidth - halfProgressWidth - getPaddingRight(),
120 | mMeasureHeight - halfProgressWidth - getPaddingBottom());
121 | }
122 | }
123 | ```
124 |
125 | 接下来就是最重要的怎么画了，当然是在我们的`onDraw`函数中了。我们先画不支持动画显示的，从简单的开始，我们先画进度部分，由于涉及到渐变，我们需要在起始色和结束色中间获取过渡色，我们调用如下函数即可。
126 |
127 | ``` java
128 | public int getGradient(float fraction, int startColor, int endColor) {
129 | if (fraction > 1) fraction = 1;
130 | int alphaStart = Color.alpha(startColor);
131 | int redStart = Color.red(startColor);
132 | int blueStart = Color.blue(startColor);
133 | int greenStart = Color.green(startColor);
134 | int alphaEnd = Color.alpha(endColor);
135 | int redEnd = Color.red(endColor);
136 | int blueEnd = Color.blue(endColor);
137 | int greenEnd = Color.green(endColor);
138 | int alphaDifference = alphaEnd - alphaStart;
139 | int redDifference = redEnd - redStart;
140 | int blueDifference = blueEnd - blueStart;
141 | int greenDifference = greenEnd - greenStart;
142 | int alphaCurrent = (int) (alphaStart + fraction * alphaDifference);
143 | int redCurrent = (int) (redStart + fraction * redDifference);
144 | int blueCurrent = (int) (blueStart + fraction * blueDifference);
145 | int greenCurrent = (int) (greenStart + fraction * greenDifference);
146 | return Color.argb(alphaCurrent, redCurrent, greenCurrent, blueCurrent);
147 | }
148 | ```
149 |
150 | 这里可能有小伙伴要说安卓API中就有渐变，比如`LinearGradient`、`SweepGradient`、`RadialGrdient`，不过其局限性比较大，所以我还是选择如上的方式获取渐变色。
151 |
152 | 我们从起始角`startAngle`开始画，画到`startAngle + progress * unitAngle`即可，每次增加1弧度即可，相关代码如下所示。
153 |
154 | ```
155 | for (int i = 0, end = (int) (progress * unitAngle); i <= end; i++) {
156 | progressPaint.setColor(getGradient(i / (float) end, progressStartColor, progressEndColor));
157 | canvas.drawArc(pRectF,
158 | startAngle + i,
159 | 1,
160 | false,
161 | progressPaint);
162 | }
163 | ```
164 |
165 | 下图显示了进度为70的进度样子。
166 |
167 |
168 | 
169 |
170 |
171 | 画完了进度后，我们把进度相关代码注释掉，现在我们只关心画背景色，背景色我们只需要画能看到部分即可，不需要画进度后面的背景色，这样还提升了绘制效率。由于我们背景色还包含一个中间色，所以还需要区分下左面和右面。相关代码如下所示。
172 |
173 | ``` java
174 | float halfSweep = sweepAngle / 2;
175 | for (int i = sweepAngle, st = (int) (progress * unitAngle); i > st; --i) {
176 | if (i - halfSweep > 0) {
177 | bgPaint.setColor(getGradient((i - halfSweep) / halfSweep, bgMidColor, bgEndColor));
178 | } else {
179 | bgPaint.setColor(getGradient((halfSweep - i) / halfSweep, bgMidColor, bgStartColor));
180 | }
181 | canvas.drawArc(pRectF,
182 | startAngle + i,
183 | 1,
184 | false,
185 | bgPaint);
186 | }
187 | ```
188 |
189 | 下图显示了进度为30的背景色样子。
190 |
191 | 
192 |
193 | 好了，我们把进度相关代码取消注释，再运行一遍便可得到最终效果。
194 |
195 | 下面我们来为其加上动画，所谓动画，就是让其从进度为0开始画，一点点画到progress即可，我们设置一个变量`curProgress`来表示当前进度，当`curProgress < progress`时，`curProgress`自增，再调用`postInvalidate()`即可，具体完整代码如下所示。
196 |
197 | ``` java
198 | import android.content.Context;
199 | import android.content.res.TypedArray;
200 | import android.graphics.Canvas;
201 | import android.graphics.Color;
202 | import android.graphics.Paint;
203 | import android.graphics.RectF;
204 | import android.support.annotation.IntRange;
205 | import android.support.annotation.Nullable;
206 | import android.util.AttributeSet;
207 | import android.view.View;
208 |
209 | /**
210 | *
211 | * author: Blankj
212 | * blog : http://blankj.com
213 | * time : 2017/07/10
214 | * desc :
215 | *
216 | */
217 | public class ProgressRing extends View {
218 |
219 | private int progressStartColor;
220 | private int progressEndColor;
221 | private int bgStartColor;
222 | private int bgMidColor;
223 | private int bgEndColor;
224 | private int progress;
225 | private float progressWidth;
226 | private int startAngle;
227 | private int sweepAngle;
228 | private boolean showAnim;
229 |
230 | private int mMeasureHeight;
231 | private int mMeasureWidth;
232 |
233 | private Paint bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
234 | private Paint progressPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
235 |
236 | private RectF pRectF;
237 |
238 | private float unitAngle;
239 |
240 | private int curProgress = 0;
241 |
242 | public ProgressRing(Context context, @Nullable AttributeSet attrs) {
243 | super(context, attrs);
244 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.ProgressRing);
245 | progressStartColor = ta.getColor(R.styleable.ProgressRing_pr_progress_start_color, Color.YELLOW);
246 | progressEndColor = ta.getColor(R.styleable.ProgressRing_pr_progress_end_color, progressStartColor);
247 | bgStartColor = ta.getColor(R.styleable.ProgressRing_pr_bg_start_color, Color.LTGRAY);
248 | bgMidColor = ta.getColor(R.styleable.ProgressRing_pr_bg_mid_color, bgStartColor);
249 | bgEndColor = ta.getColor(R.styleable.ProgressRing_pr_bg_end_color, bgStartColor);
250 | progress = ta.getInt(R.styleable.ProgressRing_pr_progress, 0);
251 | progressWidth = ta.getDimension(R.styleable.ProgressRing_pr_progress_width, 8f);
252 | startAngle = ta.getInt(R.styleable.ProgressRing_pr_start_angle, 150);
253 | sweepAngle = ta.getInt(R.styleable.ProgressRing_pr_sweep_angle, 240);
254 | showAnim = ta.getBoolean(R.styleable.ProgressRing_pr_show_anim, true);
255 | ta.recycle();
256 |
257 | unitAngle = (float) (sweepAngle / 100.0);
258 |
259 | bgPaint.setStyle(Paint.Style.STROKE);
260 | bgPaint.setStrokeCap(Paint.Cap.ROUND);
261 | bgPaint.setStrokeWidth(progressWidth);
262 |
263 | progressPaint.setStyle(Paint.Style.STROKE);
264 | progressPaint.setStrokeCap(Paint.Cap.ROUND);
265 | progressPaint.setStrokeWidth(progressWidth);
266 |
267 | }
268 |
269 | @Override
270 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
271 | super.onMeasure(widthMeasureSpec, heightMeasureSpec);
272 | mMeasureWidth = getMeasuredWidth();
273 | mMeasureHeight = getMeasuredHeight();
274 | if (pRectF == null) {
275 | float halfProgressWidth = progressWidth / 2;
276 | pRectF = new RectF(halfProgressWidth + getPaddingLeft(),
277 | halfProgressWidth + getPaddingTop(),
278 | mMeasureWidth - halfProgressWidth - getPaddingRight(),
279 | mMeasureHeight - halfProgressWidth - getPaddingBottom());
280 | }
281 | }
282 |
283 | @Override
284 | protected void onDraw(Canvas canvas) {
285 | super.onDraw(canvas);
286 |
287 | if (!showAnim) {
288 | curProgress = progress;
289 | }
290 |
291 | drawBg(canvas);
292 | drawProgress(canvas);
293 |
294 | if (curProgress < progress) {
295 | curProgress++;
296 | postInvalidate();
297 | }
298 |
299 | }
300 |
301 | // 只需要画进度之外的背景即可
302 | private void drawBg(Canvas canvas) {
303 | float halfSweep = sweepAngle / 2;
304 | for (int i = sweepAngle, st = (int) (curProgress * unitAngle); i > st; --i) {
305 | if (i - halfSweep > 0) {
306 | bgPaint.setColor(getGradient((i - halfSweep) / halfSweep, bgMidColor, bgEndColor));
307 | } else {
308 | bgPaint.setColor(getGradient((halfSweep - i) / halfSweep, bgMidColor, bgStartColor));
309 | }
310 | canvas.drawArc(pRectF,
311 | startAngle + i,
312 | 1,
313 | false,
314 | bgPaint);
315 | }
316 | }
317 |
318 | private void drawProgress(Canvas canvas) {
319 | for (int i = 0, end = (int) (curProgress * unitAngle); i <= end; i++) {
320 | progressPaint.setColor(getGradient(i / (float) end, progressStartColor, progressEndColor));
321 | canvas.drawArc(pRectF,
322 | startAngle + i,
323 | 1,
324 | false,
325 | progressPaint);
326 | }
327 | }
328 |
329 | public void setProgress(@IntRange(from = 0, to = 100) int progress) {
330 | this.progress = progress;
331 | invalidate();
332 | }
333 |
334 | public int getProgress() {
335 | return progress;
336 | }
337 |
338 | public int getGradient(float fraction, int startColor, int endColor) {
339 | if (fraction > 1) fraction = 1;
340 | int alphaStart = Color.alpha(startColor);
341 | int redStart = Color.red(startColor);
342 | int blueStart = Color.blue(startColor);
343 | int greenStart = Color.green(startColor);
344 | int alphaEnd = Color.alpha(endColor);
345 | int redEnd = Color.red(endColor);
346 | int blueEnd = Color.blue(endColor);
347 | int greenEnd = Color.green(endColor);
348 | int alphaDifference = alphaEnd - alphaStart;
349 | int redDifference = redEnd - redStart;
350 | int blueDifference = blueEnd - blueStart;
351 | int greenDifference = greenEnd - greenStart;
352 | int alphaCurrent = (int) (alphaStart + fraction * alphaDifference);
353 | int redCurrent = (int) (redStart + fraction * redDifference);
354 | int blueCurrent = (int) (blueStart + fraction * blueDifference);
355 | int greenCurrent = (int) (greenStart + fraction * greenDifference);
356 | return Color.argb(alphaCurrent, redCurrent, greenCurrent, blueCurrent);
357 | }
358 | }
359 | ```
360 |
361 | 最后我们在布局中如下引用
362 |
363 | ``` xml
364 |
374 | ```
375 |
376 | 最终效果如下所示。
377 |
378 | 
379 |
380 | ## 结语
381 |
382 | 这次自定义View的实战讲解还是很具体细致的，希望大家能学到些什么，比如如何一步步分析问题，解决问题的。还有就是能把初始化放在`onDraw`之外的就都放`onDraw`外，在`onDraw`中只做`onDraw`相关的，还有一些小细节就自己去发现吧。代码已上传[GitHub](https://github.com/Blankj/ProgressRing)，喜欢的记得star哦。
--------------------------------------------------------------------------------