├── .gitignore
├── LICENSE
├── README.md
├── circular-progress-drawable-sample
├── AndroidManifest.xml
├── default.properties
├── pom.xml
├── res
│ ├── drawable-hdpi
│ │ └── ic_launcher.png
│ ├── drawable-mdpi
│ │ └── ic_launcher.png
│ ├── drawable-xhdpi
│ │ └── ic_launcher.png
│ ├── drawable-xxhdpi
│ │ └── ic_launcher.png
│ ├── layout-land
│ │ └── activity_main.xml
│ ├── layout
│ │ └── activity_main.xml
│ ├── values-sw600dp
│ │ └── dimens.xml
│ ├── values-sw720dp-land
│ │ └── dimens.xml
│ ├── values-v11
│ │ └── styles.xml
│ ├── values-v14
│ │ └── styles.xml
│ └── values
│ │ ├── dimens.xml
│ │ ├── strings.xml
│ │ └── styles.xml
└── src
│ └── main
│ └── java
│ └── com
│ └── sefford
│ └── circularprogressdrawable
│ └── sample
│ └── MainActivity.java
├── circular-progress-drawable
├── AndroidManifest.xml
├── default.properties
├── pom.xml
├── res
│ └── values
│ │ └── strings.xml
└── src
│ └── main
│ └── java
│ └── com
│ └── sefford
│ └── circularprogressdrawable
│ └── CircularProgressDrawable.java
├── colorfill.gif
├── indeterminate.gif
├── overshoot.gif
└── pom.xml
/.gitignore:
--------------------------------------------------------------------------------
1 | # built application files
2 | *.apk
3 | *.ap_
4 |
5 | # files for the dex VM
6 | *.dex
7 |
8 | # Java class files
9 | *.class
10 |
11 | # generated files
12 | bin/
13 | gen/
14 |
15 | # Local configuration file (sdk path, etc)
16 | local.properties
17 |
18 | # Eclipse project files
19 | .classpath
20 | .project
21 |
22 | # Proguard folder generated by Eclipse
23 | proguard/
24 |
25 | # Intellij project files
26 | *.iml
27 | *.ipr
28 | *.iws
29 | .idea/
30 | target/
--------------------------------------------------------------------------------
/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.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | CircularProgressDrawable
2 | ========================
3 |
4 | A drawable with capabilities to indicate progress.
5 |
6 | [](https://android-arsenal.com/details/1/1071)
7 |
8 | Why a drawable?
9 | ---------------
10 |
11 | If you want to achieve interesting effects and animations on Android, a surprisingly easy and fast
12 | way to achieve it is subclassing a Drawable instead of subclassing a Button or an ImageView.
13 |
14 | In order to implement advanced behavior over the Drawable, you can still implement your own animations
15 | by using Android animations framework or by the use of listeners on the views you are using.
16 |
17 | Download
18 | --------
19 |
20 | ### Bundle
21 |
22 | CircularProgressDrawable comes bundled in `aar` format. Grab the latest bundle from [here](http://search.maven.org/remotecontent?filepath=com/sefford/circular-progress-drawable/1.3/circular-progress-drawable-1.3.aar)
23 |
24 | ### Maven
25 |
26 | ```XML
27 |
28 | com.sefford
29 | circular-progress-drawable
30 | 1.31
31 | aar
32 |
33 | ```
34 |
35 | ### Gradle
36 |
37 | ```groovy
38 | compile 'com.sefford:circular-progress-drawable:1.31@aar'
39 | ```
40 |
41 | Composition
42 | -----------
43 |
44 | The Circular Progress Drawable is made out of three differentiated components:
45 |
46 | * The first one is what is known as the *inner circle*. The radius of the drawable and can be scaled up and down to achieve a progress effect or to serve a background for a TextView on top to indicate its meaning.
47 | * The next is the *outline ring*. This ring will surround the inner circle and it is intended as
48 | a subtle cue of the empty state of the progress.
49 | * The last is the *outer ring*. It will be used for several purposes. The first is to show the progress
50 | of the drawable. In the current version, the progress ring is filled from the bottom and counter-clockwise.
51 |
52 | Usage
53 | -----
54 | Circular Progress Drawable can be defined programatically and the only parameters it will require
55 | will be the different colours and the size of the outer ring.
56 |
57 | Scale Property for the inner ring can be used to achieve a variety of effects, as pulsating effects, overshoot
58 | or to make it disappear completely.
59 |
60 | The drawable allows both for a progress and an indetermination mode. In the indetermination mode
61 | instead of filling the outer ring, a 90º arc will be shown that can be animated to spin around the
62 | inner circle.
63 |
64 |  
65 |
66 | Tips
67 | ----
68 |
69 | * Take advantage of the Android Animators to achieve a variety of effects around Circular Progress Drawable.
70 | * If you want more interesting feedback you can use *onTouchListeners* over your View.
71 | * Have a look at the sample for some ideas.
72 |
73 | Proguard
74 | --------
75 |
76 | If you rely on Animators for animation and your application is obfuscated using Proguard, be advised
77 | that your Circular Progress Drawable animations could stop working. In order to avoid that add
78 | `-keepclassmembers class com.sefford.circularprogressdrawable.CircularProgressDrawable { *;}`
79 | to your proguard.conf file.
80 |
81 | License
82 | -------
83 | Copyright 2014 Sefford.
84 |
85 | Licensed under the Apache License, Version 2.0 (the "License");
86 | you may not use this file except in compliance with the License.
87 | You may obtain a copy of the License at
88 |
89 | http://www.apache.org/licenses/LICENSE-2.0
90 |
91 | Unless required by applicable law or agreed to in writing, software
92 | distributed under the License is distributed on an "AS IS" BASIS,
93 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
94 | See the License for the specific language governing permissions and
95 | limitations under the License.
96 |
97 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
10 |
11 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/default.properties:
--------------------------------------------------------------------------------
1 | # File used by Eclipse to determine the target system
2 | # Project target.
3 | target=android-15
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/pom.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 | 4.0.0
6 | com.sefford
7 | circular-progress-drawable-sample
8 | 1.0-SNAPSHOT
9 | apk
10 | circular-progress-drawable-sample
11 |
12 |
13 | circular-progress-drawable-parent
14 | com.sefford
15 | 1.0-SNAPSHOT
16 |
17 |
18 |
19 | UTF-8
20 | 3.8.2
21 |
22 |
23 |
24 |
25 | com.google.android
26 | android
27 | 4.1.1.4
28 | provided
29 |
30 |
31 | com.sefford
32 | circular-progress-drawable
33 | 1.3
34 | aar
35 |
36 |
37 |
38 | ${project.artifactId}
39 |
40 |
41 |
42 | com.jayway.maven.plugins.android.generation2
43 | android-maven-plugin
44 | ${android.plugin.version}
45 | true
46 |
47 |
48 |
49 |
50 |
51 | com.jayway.maven.plugins.android.generation2
52 | android-maven-plugin
53 |
54 |
55 | 15
56 |
57 |
58 |
59 |
60 |
61 |
62 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/drawable-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Sefford/CircularProgressDrawable/b068f15f710a3e7c7afafa22c55ca642799e613d/circular-progress-drawable-sample/res/drawable-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/drawable-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Sefford/CircularProgressDrawable/b068f15f710a3e7c7afafa22c55ca642799e613d/circular-progress-drawable-sample/res/drawable-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/drawable-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Sefford/CircularProgressDrawable/b068f15f710a3e7c7afafa22c55ca642799e613d/circular-progress-drawable-sample/res/drawable-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/drawable-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Sefford/CircularProgressDrawable/b068f15f710a3e7c7afafa22c55ca642799e613d/circular-progress-drawable-sample/res/drawable-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/layout-land/activity_main.xml:
--------------------------------------------------------------------------------
1 |
9 |
10 |
17 |
18 |
24 |
25 |
30 |
31 |
36 |
37 |
42 |
43 |
48 |
49 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/layout/activity_main.xml:
--------------------------------------------------------------------------------
1 |
7 |
8 |
14 |
15 |
20 |
21 |
26 |
27 |
32 |
33 |
38 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/values-sw600dp/dimens.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/values-sw720dp-land/dimens.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 | 128dp
8 |
9 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/values-v11/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
10 |
11 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/values-v14/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/values/dimens.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 16dp
5 | 16dp
6 | 4dip
7 |
8 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Circular Progress Drawable Sample
5 | Indeterminate + Center fill
6 | Coloured fill
7 | Sling empty
8 | Pulse
9 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
14 |
15 |
16 |
19 |
20 |
--------------------------------------------------------------------------------
/circular-progress-drawable-sample/src/main/java/com/sefford/circularprogressdrawable/sample/MainActivity.java:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (C) 2014 Saúl Díaz
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | package com.sefford.circularprogressdrawable.sample;
17 |
18 | import android.animation.Animator;
19 | import android.animation.AnimatorListenerAdapter;
20 | import android.animation.AnimatorSet;
21 | import android.animation.ArgbEvaluator;
22 | import android.animation.ObjectAnimator;
23 | import android.app.Activity;
24 | import android.os.Bundle;
25 | import android.view.View;
26 | import android.view.animation.AccelerateDecelerateInterpolator;
27 | import android.view.animation.AnticipateInterpolator;
28 | import android.view.animation.CycleInterpolator;
29 | import android.view.animation.OvershootInterpolator;
30 | import android.widget.Button;
31 | import android.widget.ImageView;
32 |
33 | import com.sefford.circularprogressdrawable.CircularProgressDrawable;
34 |
35 | /**
36 | * Circular progress drawable demonstration
37 | *
38 | * @author Saul Diaz
39 | */
40 | public class MainActivity extends Activity {
41 |
42 | // Views
43 | ImageView ivDrawable;
44 | Button btStyle1;
45 | Button btStyle2;
46 | Button btStyle3;
47 | Button btStyle4;
48 |
49 | CircularProgressDrawable drawable;
50 | View.OnClickListener listener = new View.OnClickListener() {
51 | @Override
52 | public void onClick(View v) {
53 | if (currentAnimation != null) {
54 | currentAnimation.cancel();
55 | }
56 | switch (v.getId()) {
57 | case R.id.bt_style_1:
58 | currentAnimation = prepareStyle1Animation();
59 | break;
60 | case R.id.bt_style_2:
61 | currentAnimation = prepareStyle2Animation();
62 | break;
63 | case R.id.bt_style_3:
64 | currentAnimation = prepareStyle3Animation();
65 | break;
66 | case R.id.bt_style_4:
67 | default:
68 | currentAnimation = preparePulseAnimation();
69 | break;
70 |
71 | }
72 | currentAnimation.start();
73 | }
74 | };
75 |
76 | Animator currentAnimation;
77 |
78 | @Override
79 | public void onCreate(Bundle savedInstanceState) {
80 | super.onCreate(savedInstanceState);
81 | setContentView(R.layout.activity_main);
82 | }
83 |
84 | @Override
85 | protected void onResume() {
86 | super.onResume();
87 | ivDrawable = (ImageView) findViewById(R.id.iv_drawable);
88 | btStyle1 = (Button) findViewById(R.id.bt_style_1);
89 | btStyle2 = (Button) findViewById(R.id.bt_style_2);
90 | btStyle3 = (Button) findViewById(R.id.bt_style_3);
91 | btStyle4 = (Button) findViewById(R.id.bt_style_4);
92 |
93 | drawable = new CircularProgressDrawable.Builder()
94 | .setRingWidth(getResources().getDimensionPixelSize(R.dimen.drawable_ring_size))
95 | .setOutlineColor(getResources().getColor(android.R.color.darker_gray))
96 | .setRingColor(getResources().getColor(android.R.color.holo_green_light))
97 | .setCenterColor(getResources().getColor(android.R.color.holo_blue_dark))
98 | .create();
99 | ivDrawable.setImageDrawable(drawable);
100 | hookUpListeners();
101 | }
102 |
103 | private void hookUpListeners() {
104 | ivDrawable.setOnClickListener(listener);
105 | btStyle1.setOnClickListener(listener);
106 | btStyle2.setOnClickListener(listener);
107 | btStyle3.setOnClickListener(listener);
108 | btStyle4.setOnClickListener(listener);
109 |
110 | }
111 |
112 | /**
113 | * This animation was intended to keep a pressed state of the Drawable
114 | *
115 | * @return Animation
116 | */
117 | private Animator preparePressedAnimation() {
118 | Animator animation = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.CIRCLE_SCALE_PROPERTY,
119 | drawable.getCircleScale(), 0.65f);
120 | animation.setDuration(120);
121 | return animation;
122 | }
123 |
124 | /**
125 | * This animation will make a pulse effect to the inner circle
126 | *
127 | * @return Animation
128 | */
129 | private Animator preparePulseAnimation() {
130 | AnimatorSet animation = new AnimatorSet();
131 |
132 | Animator firstBounce = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.CIRCLE_SCALE_PROPERTY,
133 | drawable.getCircleScale(), 0.88f);
134 | firstBounce.setDuration(300);
135 | firstBounce.setInterpolator(new CycleInterpolator(1));
136 | Animator secondBounce = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.CIRCLE_SCALE_PROPERTY,
137 | 0.75f, 0.83f);
138 | secondBounce.setDuration(300);
139 | secondBounce.setInterpolator(new CycleInterpolator(1));
140 | Animator thirdBounce = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.CIRCLE_SCALE_PROPERTY,
141 | 0.75f, 0.80f);
142 | thirdBounce.setDuration(300);
143 | thirdBounce.setInterpolator(new CycleInterpolator(1));
144 |
145 | animation.playSequentially(firstBounce, secondBounce, thirdBounce);
146 | return animation;
147 | }
148 |
149 | /**
150 | * Style 1 animation will simulate a indeterminate loading while taking advantage of the inner
151 | * circle to provide a progress sense
152 | *
153 | * @return Animation
154 | */
155 | private Animator prepareStyle1Animation() {
156 | AnimatorSet animation = new AnimatorSet();
157 |
158 | final Animator indeterminateAnimation = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.PROGRESS_PROPERTY, 0, 3600);
159 | indeterminateAnimation.setDuration(3600);
160 |
161 | Animator innerCircleAnimation = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.CIRCLE_SCALE_PROPERTY, 0f, 0.75f);
162 | innerCircleAnimation.setDuration(3600);
163 | innerCircleAnimation.addListener(new AnimatorListenerAdapter() {
164 | @Override
165 | public void onAnimationStart(Animator animation) {
166 | drawable.setIndeterminate(true);
167 | }
168 |
169 | @Override
170 | public void onAnimationEnd(Animator animation) {
171 | indeterminateAnimation.end();
172 | drawable.setIndeterminate(false);
173 | drawable.setProgress(0);
174 | }
175 | });
176 |
177 | animation.playTogether(innerCircleAnimation, indeterminateAnimation);
178 | return animation;
179 | }
180 |
181 | /**
182 | * Style 2 animation will fill the outer ring while applying a color effect from red to green
183 | *
184 | * @return Animation
185 | */
186 | private Animator prepareStyle2Animation() {
187 | AnimatorSet animation = new AnimatorSet();
188 |
189 | ObjectAnimator progressAnimation = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.PROGRESS_PROPERTY,
190 | 0f, 1f);
191 | progressAnimation.setDuration(3600);
192 | progressAnimation.setInterpolator(new AccelerateDecelerateInterpolator());
193 |
194 | ObjectAnimator colorAnimator = ObjectAnimator.ofInt(drawable, CircularProgressDrawable.RING_COLOR_PROPERTY,
195 | getResources().getColor(android.R.color.holo_red_dark),
196 | getResources().getColor(android.R.color.holo_green_light));
197 | colorAnimator.setEvaluator(new ArgbEvaluator());
198 | colorAnimator.setDuration(3600);
199 |
200 | animation.playTogether(progressAnimation, colorAnimator);
201 | return animation;
202 | }
203 |
204 | /**
205 | * Style 3 animation will turn a 3/4 animation with Anticipate/Overshoot interpolation to a
206 | * blank waiting - like state, wait for 2 seconds then return to the original state
207 | *
208 | * @return Animation
209 | */
210 | private Animator prepareStyle3Animation() {
211 | AnimatorSet animation = new AnimatorSet();
212 |
213 | ObjectAnimator progressAnimation = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.PROGRESS_PROPERTY, 0.75f, 0f);
214 | progressAnimation.setDuration(1200);
215 | progressAnimation.setInterpolator(new AnticipateInterpolator());
216 |
217 | Animator innerCircleAnimation = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.CIRCLE_SCALE_PROPERTY, 0.75f, 0f);
218 | innerCircleAnimation.setDuration(1200);
219 | innerCircleAnimation.setInterpolator(new AnticipateInterpolator());
220 |
221 | ObjectAnimator invertedProgress = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.PROGRESS_PROPERTY, 0f, 0.75f);
222 | invertedProgress.setDuration(1200);
223 | invertedProgress.setStartDelay(3200);
224 | invertedProgress.setInterpolator(new OvershootInterpolator());
225 |
226 | Animator invertedCircle = ObjectAnimator.ofFloat(drawable, CircularProgressDrawable.CIRCLE_SCALE_PROPERTY, 0f, 0.75f);
227 | invertedCircle.setDuration(1200);
228 | invertedCircle.setStartDelay(3200);
229 | invertedCircle.setInterpolator(new OvershootInterpolator());
230 |
231 | animation.playTogether(progressAnimation, innerCircleAnimation, invertedProgress, invertedCircle);
232 | return animation;
233 | }
234 | }
235 |
236 |
--------------------------------------------------------------------------------
/circular-progress-drawable/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/circular-progress-drawable/default.properties:
--------------------------------------------------------------------------------
1 | # File used by Eclipse to determine the target system
2 | # Project target.
3 | target=android-8
--------------------------------------------------------------------------------
/circular-progress-drawable/pom.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4.0.0
4 | com.sefford
5 | circular-progress-drawable
6 | 1.4-SNAPSHOT
7 | aar
8 | circular-progress-drawable
9 | A circular drawable that can be used to indicate progress.
10 |
11 |
12 | org.sonatype.oss
13 | oss-parent
14 | 7
15 |
16 |
17 |
18 |
19 | The Apache Software License, Version 2.0
20 | http://www.apache.org/licenses/LICENSE-2.0.txt
21 | repo
22 |
23 |
24 |
25 |
26 | https://github.com/Sefford/CircularProgressDrawable
27 | scm:git:git://github.com/Sefford/CircularProgressDrawable.git
28 | scm:git:https://github.com/Sefford/CircularProgressDrawable.git
29 |
30 |
31 |
32 |
33 |
34 | sefford
35 | Saul Diaz Gonzalez
36 | sefford@gmail.com
37 |
38 |
39 |
40 |
41 |
42 | UTF-8
43 | 2.2.1
44 |
45 | 3.8.2
46 |
47 |
48 |
49 |
50 | com.google.android
51 | android
52 | ${platform.version}
53 | provided
54 |
55 |
56 |
57 |
58 |
59 |
60 | com.jayway.maven.plugins.android.generation2
61 | android-maven-plugin
62 | ${android.plugin.version}
63 | true
64 |
65 |
66 | 8
67 |
68 |
69 |
70 |
71 | org.apache.maven.plugins
72 | maven-gpg-plugin
73 | 1.5
74 |
75 |
76 | sign-artifacts
77 | verify
78 |
79 | sign
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
--------------------------------------------------------------------------------
/circular-progress-drawable/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | Hello circular-progress-drawable!
4 | circular-progress-drawable
5 |
6 |
--------------------------------------------------------------------------------
/circular-progress-drawable/src/main/java/com/sefford/circularprogressdrawable/CircularProgressDrawable.java:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright (C) 2014 Saúl Díaz
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 | package com.sefford.circularprogressdrawable;
17 |
18 | import android.graphics.Canvas;
19 | import android.graphics.ColorFilter;
20 | import android.graphics.Paint;
21 | import android.graphics.Rect;
22 | import android.graphics.RectF;
23 | import android.graphics.drawable.Drawable;
24 |
25 | /**
26 | * Circular Progress Drawable.
27 | *
28 | * This drawable will produce a circular shape with a ring surrounding it. The ring can appear
29 | * both filled and give a little cue when it is empty.
30 | *
31 | * The inner circle size, the progress of the outer ring and if it is loading parameters can be
32 | * controlled, as well the different colors for the three components.
33 | *
34 | * @author Saul Diaz
35 | */
36 | public class CircularProgressDrawable extends Drawable {
37 | /**
38 | * Factor to convert the factor to paint the arc.
39 | *
40 | * In this way the developer can use a more user-friendly [0..1f] progress
41 | */
42 | public static final int PROGRESS_FACTOR = -360;
43 | /**
44 | * Property Inner Circle Scale.
45 | *
46 | * The inner ring is supposed to defaults stay 3/4 radius off the outer ring at (75% scale), but this
47 | * property can make it grow or shrink via this equation: OuterRadius * Scale.
48 | *
49 | * A 100% scale will make the inner circle to be the same radius as the outer ring.
50 | */
51 | public static final String CIRCLE_SCALE_PROPERTY = "circleScale";
52 | /**
53 | * Property Progress of the outer circle.
54 | *
55 | * The progress of the circle. If {@link #setIndeterminate(boolean) indeterminate flag} is set
56 | * to FALSE, this property will be used to indicate the completion of the outer circle [0..1f].
57 | *
58 | * If set to TRUE, the drawable will activate the loading mode, where the drawable will
59 | * show a 90º arc which will be spinning around the outer circle as much as progress goes.
60 | */
61 | public static final String PROGRESS_PROPERTY = "progress";
62 | /**
63 | * Property Ring color.
64 | *
65 | * Changes the ring filling color
66 | */
67 | public static final String RING_COLOR_PROPERTY = "ringColor";
68 | /**
69 | * Property circle color.
70 | *
71 | * Changes the inner circle color
72 | */
73 | public static final String CIRCLE_COLOR_PROPERTY = "centerColor";
74 | /**
75 | * Property outline color.
76 | *
77 | * Changes the outline of the ring color.
78 | */
79 | public static final String OUTLINE_COLOR_PROPERTY = "outlineColor";
80 | /**
81 | * Logger Tag for Logging purposes.
82 | */
83 | public static final String TAG = "CircularProgressDrawable";
84 | /**
85 | * Paint object to draw the element.
86 | */
87 | private final Paint paint;
88 | /**
89 | * Ring progress.
90 | */
91 | protected float progress;
92 | /**
93 | * Color for the empty outer ring.
94 | */
95 | protected int outlineColor;
96 | /**
97 | * Color for the completed ring.
98 | */
99 | protected int ringColor;
100 | /**
101 | * Color for the inner circle.
102 | */
103 | protected int centerColor;
104 | /**
105 | * Rectangle where the filling ring will be drawn into.
106 | */
107 | protected final RectF arcElements;
108 | /**
109 | * Width of the filling ring.
110 | */
111 | protected final int ringWidth;
112 | /**
113 | * Scale of the inner circle. It will affect the inner circle size on this equation:
114 | * ([Biggest length of the Drawable] / 2) - (ringWidth / 2) * scale.
115 | */
116 | protected float circleScale;
117 | /**
118 | * Set if it is an indeterminate
119 | */
120 | protected boolean indeterminate;
121 |
122 | /**
123 | * Creates a new CouponDrawable.
124 | *
125 | * @param ringWidth Width of the filled ring
126 | * @param circleScale Scale difference between the outer ring and the inner circle
127 | * @param outlineColor Color for the outline color
128 | * @param ringColor Color for the filled ring
129 | * @param centerColor Color for the center element
130 | */
131 | CircularProgressDrawable(int ringWidth, float circleScale, int outlineColor, int ringColor, int centerColor) {
132 | this.progress = 0;
133 | this.outlineColor = outlineColor;
134 | this.ringColor = ringColor;
135 | this.centerColor = centerColor;
136 | this.paint = new Paint();
137 | this.paint.setAntiAlias(true);
138 | this.ringWidth = ringWidth;
139 | this.arcElements = new RectF();
140 | this.circleScale = circleScale;
141 | this.indeterminate = false;
142 | }
143 |
144 | @Override
145 | public void draw(Canvas canvas) {
146 | final Rect bounds = getBounds();
147 |
148 | // Calculations on the different components sizes
149 | int size = Math.min(bounds.height(), bounds.width());
150 | float outerRadius = (size / 2) - (ringWidth / 2);
151 | float innerRadius = outerRadius * circleScale;
152 | float offsetX = (bounds.width() - outerRadius * 2) / 2;
153 | float offsetY = (bounds.height() - outerRadius * 2) / 2;
154 |
155 | // Outline Circle
156 | paint.setStyle(Paint.Style.STROKE);
157 | paint.setStrokeWidth(1);
158 | paint.setColor(outlineColor);
159 | canvas.drawCircle(bounds.centerX(), bounds.centerY(), outerRadius, paint);
160 |
161 | // Inner circle
162 | paint.setStyle(Paint.Style.FILL);
163 | paint.setColor(centerColor);
164 | canvas.drawCircle(bounds.centerX(), bounds.centerY(), innerRadius, paint);
165 |
166 | int halfRingWidth = ringWidth / 2;
167 | float arcX0 = offsetX + halfRingWidth;
168 | float arcY0 = offsetY + halfRingWidth;
169 | float arcX = offsetX + outerRadius * 2 - halfRingWidth;
170 | float arcY = offsetY + outerRadius * 2 - halfRingWidth;
171 |
172 | // Outer Circle
173 | paint.setColor(ringColor);
174 | paint.setStyle(Paint.Style.STROKE);
175 | paint.setStrokeWidth(ringWidth);
176 | paint.setStrokeCap(Paint.Cap.ROUND);
177 | arcElements.set(arcX0, arcY0, arcX, arcY);
178 | if (indeterminate) {
179 | canvas.drawArc(arcElements, progress, 90, false, paint);
180 | } else {
181 | canvas.drawArc(arcElements, 89, progress, false, paint);
182 | }
183 | }
184 |
185 | @Override
186 | public void setAlpha(int alpha) {
187 | paint.setAlpha(alpha);
188 | }
189 |
190 | @Override
191 | public void setColorFilter(ColorFilter cf) {
192 | paint.setColorFilter(cf);
193 | }
194 |
195 | @Override
196 | public int getOpacity() {
197 | return 1 - paint.getAlpha();
198 | }
199 |
200 |
201 | /**
202 | * Returns the progress of the outer ring.
203 | *
204 | * Will output a correct value only when the indeterminate mode is set to FALSE.
205 | *
206 | * @return Progress of the outer ring.
207 | */
208 | public float getProgress() {
209 | return progress / PROGRESS_FACTOR;
210 | }
211 |
212 | /**
213 | * Sets the progress [0..1f]
214 | *
215 | * @param progress Sets the progress
216 | */
217 | public void setProgress(float progress) {
218 | if (indeterminate) {
219 | this.progress = progress;
220 | } else {
221 | this.progress = PROGRESS_FACTOR * progress;
222 | }
223 | invalidateSelf();
224 | }
225 |
226 | /**
227 | * Returns the inner circle scale.
228 | *
229 | * @return Inner circle scale in float multiplier.
230 | */
231 | public float getCircleScale() {
232 | return circleScale;
233 | }
234 |
235 | /**
236 | * Sets the inner circle scale.
237 | *
238 | * @param circleScale Inner circle scale.
239 | */
240 | public void setCircleScale(float circleScale) {
241 | this.circleScale = circleScale;
242 | invalidateSelf();
243 | }
244 |
245 | /**
246 | * Get the indeterminate status of the Drawable
247 | *
248 | * @return TRUE if the Drawable is in indeterminate mode or FALSE if it is in progress mode.
249 | */
250 | public boolean isIndeterminate() {
251 | return indeterminate;
252 | }
253 |
254 | /**
255 | * Sets the indeterminate parameter.
256 | *
257 | * The indeterminate parameter will change the behavior of the Drawable. If the indeterminate
258 | * mode is set to FALSE, the outer ring will be able to be filled by using {@link #setProgress(float) setProgress}.
259 | *
260 | * Otherwise the drawable will enter "loading mode" and a 90º arc will be able to be spinned around
261 | * the inner circle.
262 | *
263 | * By default, indeterminate mode is set to FALSE.
264 | *
265 | * @param indeterminate TRUE to activate loading mode. FALSE to activate progress mode.
266 | */
267 | public void setIndeterminate(boolean indeterminate) {
268 | this.indeterminate = indeterminate;
269 | }
270 |
271 | /**
272 | * Gets the outline color.
273 | *
274 | * @return Outline color of the empty ring.
275 | */
276 | public int getOutlineColor() {
277 | return outlineColor;
278 | }
279 |
280 | /**
281 | * Gets the filled ring color.
282 | *
283 | * @return Returns the filled ring color.
284 | */
285 | public int getRingColor() {
286 | return ringColor;
287 | }
288 |
289 | /**
290 | * Gets the color of the inner circle.
291 | *
292 | * @return Inner circle color.
293 | */
294 | public int getCenterColor() {
295 | return centerColor;
296 | }
297 |
298 | /**
299 | * Sets the empty progress outline color.
300 | *
301 | * @param outlineColor Outline color in #AARRGGBB format.
302 | */
303 | public void setOutlineColor(int outlineColor) {
304 | this.outlineColor = outlineColor;
305 | invalidateSelf();
306 | }
307 |
308 | /**
309 | * Sets the progress ring color.
310 | *
311 | * @param ringColor Ring color in #AARRGGBB format.
312 | */
313 | public void setRingColor(int ringColor) {
314 | this.ringColor = ringColor;
315 | invalidateSelf();
316 | }
317 |
318 | /**
319 | * Sets the inner circle color.
320 | *
321 | * @param centerColor Inner circle color in #AARRGGBB format.
322 | */
323 | public void setCenterColor(int centerColor) {
324 | this.centerColor = centerColor;
325 | invalidateSelf();
326 | }
327 |
328 | /**
329 | * Helper class to manage the creation of a CircularProgressDrawable
330 | *
331 | * @author Saul Diaz
332 | */
333 | public static class Builder {
334 |
335 | /**
336 | * Witdh of the stroke of the filled ring
337 | */
338 | int ringWidth;
339 | /**
340 | * Color of the outline of the empty ring in #AARRGGBB mode.
341 | */
342 | int outlineColor;
343 | /**
344 | * Color of the filled ring in #AARRGGBB mode.
345 | */
346 | int ringColor;
347 | /**
348 | * Color of the inner circle in #AARRGGBB mode.
349 | */
350 | int centerColor;
351 | /**
352 | * Scale between the outer ring and the inner circle
353 | */
354 | float circleScale = 0.75f;
355 |
356 | /**
357 | * Sets the ring width.
358 | *
359 | * @param ringWidth Default ring width
360 | * @return This builder
361 | */
362 | public Builder setRingWidth(int ringWidth) {
363 | this.ringWidth = ringWidth;
364 | return this;
365 | }
366 |
367 | /**
368 | * Sets the default empty outer ring outline color.
369 | *
370 | * @param outlineColor Outline color in #AARRGGBB format.
371 | * @return
372 | */
373 | public Builder setOutlineColor(int outlineColor) {
374 | this.outlineColor = outlineColor;
375 | return this;
376 | }
377 |
378 | /**
379 | * Sets the progress ring color.
380 | *
381 | * @param ringColor Ring color in #AARRGGBB format.
382 | * @returns This Builder
383 | */
384 | public Builder setRingColor(int ringColor) {
385 | this.ringColor = ringColor;
386 | return this;
387 | }
388 |
389 |
390 | /**
391 | * Sets the inner circle color.
392 | *
393 | * @param centerColor Inner circle color in #AARRGGBB format.
394 | * @return This builder
395 | */
396 | public Builder setCenterColor(int centerColor) {
397 | this.centerColor = centerColor;
398 | return this;
399 | }
400 |
401 | /**
402 | * Sets the inner circle scale. Defaults to 0.75.
403 | *
404 | * @param circleScale Inner circle scale.
405 | * @return This builder
406 | */
407 | public Builder setInnerCircleScale(float circleScale) {
408 | this.circleScale = circleScale;
409 | return this;
410 | }
411 |
412 | /**
413 | * Creates a new CircularProgressDrawable with the requested parameters
414 | *
415 | * @return New CircularProgressDrawableInstance
416 | */
417 | public CircularProgressDrawable create() {
418 | return new CircularProgressDrawable(ringWidth, circleScale, outlineColor, ringColor, centerColor);
419 | }
420 |
421 | }
422 | }
423 |
--------------------------------------------------------------------------------
/colorfill.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Sefford/CircularProgressDrawable/b068f15f710a3e7c7afafa22c55ca642799e613d/colorfill.gif
--------------------------------------------------------------------------------
/indeterminate.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Sefford/CircularProgressDrawable/b068f15f710a3e7c7afafa22c55ca642799e613d/indeterminate.gif
--------------------------------------------------------------------------------
/overshoot.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Sefford/CircularProgressDrawable/b068f15f710a3e7c7afafa22c55ca642799e613d/overshoot.gif
--------------------------------------------------------------------------------
/pom.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 | 4.0.0
6 |
7 | com.sefford
8 | circular-progress-drawable-parent
9 | 1.0-SNAPSHOT
10 | pom
11 | Circular Progress Drawable - Parent
12 |
13 |
14 | circular-progress-drawable
15 | circular-progress-drawable-sample
16 |
17 |
--------------------------------------------------------------------------------