Material CircularProgressView

Indeterminate	Determinate

Description

This CircularProgressView is a (surprisingly) circular progress bar Android View that is designed to imitate the Material versions of ProgressBar. These versions can be seen on this page of the Material design spec under Circular indicators.

Usage

To use CircularProgressView you must add it as a dependency in your Gradle build:

dependencies {

  compile 'com.github.rahatarmanahmed:circularprogressview:2.5.0' 
}

Then add the view to your layout:

<com.github.rahatarmanahmed.cpv.CircularProgressView
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@+id/progress_view"
  android:layout_width="40dp"
  android:layout_height="40dp"
  app:cpv_animAutostart="true"
  app:cpv_indeterminate="true" />

That's all you need! If you don't want the CircularProgressView to automatically start animating, omit the app:cpv_animAutostart option and start it manually yourself:

CircularProgressView progressView = (CircularProgressView) findViewById(R.id.progress_view);
 progressView.startAnimation();

XML attributes

Name	Type	Default	Description
cpv_progress	float	0	The current progress of the progress bar.
cpv_maxProgress	float	100	The maximum progress of the progress bar; what's considered as 100% of the bar.
cpv_thickness	dimension	4px	The thickness of the progress bar.
cpv_color	color	Theme's accent color. If not available, Material Blue 500 (#2196F3)	The color of the progress bar.
cpv_indeterminate	boolean	false	Whether this progress bar is indeterminate or not. If indeterminate, the progress set on this view will not have any effect.
cpv_animDuration	integer	4000	The duration of the indeterminate progress bar animation in milliseconds. It is the duration of all "steps" of the indeterminate animation. (Indeterminate only)
cpv_animSwoopDuration	integer	5000	The duration of the initial swoop of the determinate animation. (Determinate only)
cpv_animSyncDuration	integer	500	The duration of the determinate progress update animation. When you use `setUpdate(int)`, this is how long it takes for the view to finish animating to that progress. (Determinate only)
cpv_animSteps	integer	3	The number of "steps" in the indeterminate animation (how many times it does the loopy thing before returning to its original position). It is recommended to use an odd number, as even numbers of steps look the same after half the number of steps.
cpv_animAutostart	boolean	false	Whether this progress bar should automatically start animating once it is initialized.
cpv_startAngle	float	0	The starting angle for progress bar. (Determinate only)

Public Methods

Name	Description
isIndeterminate()	Returns true if the progress bar is indeterminate, false if determinate.
setIndeterminate(boolean)	Set whether this progress bar is indeterminate or not. Will reset the animation if the value changes
getThickness()	Gets the thickness of the progress bar.
setThickness(int)	Sets thickness of the progress bar.
getColor()	Gets the color of the progress bar.
setColor(int)	Sets the color of the progress bar.
getMaxProgress()	Gets the maximum progress of the progress bar.
setMaxProgress(float)	Sets the maximum progress of the progress bar.
getProgress()	Gets the current progress of the progress bar.
setProgress(float)	Sets the current progress of the progress bar. (Will linearly animate the update.)
startAnimation()	Starts the animation of the progress bar. (Alias of resetAnimation().)
resetAnimation()	Resets the animation of the progress bar.
stopAnimation()	Stops the animation of the progress bar.
addListener(CircularProgressViewListener)	Registers a CircularProgressViewListener with this view.
removeListener(CircularProgressViewListener)	Unregisters a CircularProgressViewListener with this view.

Listener Events.

A CircularProgressViewListener class is available for listening to some events (as well as a CircularProgressViewAdapter).

Event	Description
onProgressUpdate(float)	Called when setProgress is called. (Determinate only)
onProgressUpdateEnd(float)	Called when this view finishes animating to the updated progress. (Determinate only)
onAnimationReset()	Called when resetAnimation() is called.
onModeChange(boolean)	Called when you switch between indeterminate and determinate modes.

Known Issues

CircularProgressView flickers when phone is in battery saving mode

This happens because battery saving mode automatically ends all Animators, but the ones in CPV run in an endless loop. The best way to work around this right now is to use the native ProgressBar for API >21, since that is when the battery saver mode was introduced. See this issue comment on how to accomplish this.

Changelog

v2.5.0

Added stopAnimation() method
Fixed view animating while not visible. Setting visibility to GONE or INVISIBLE will stop the animation. Setting to VISIBLE will restart it.

v2.4.0

Added cpv_startAngle attribute

v2.3.2

Fixed CPV stopping when View is recycled

v2.3.1

Fixed memory leak

v2.3.0

Removed application tag from manifest
Added CircularProgressViewListener and CircularProgressViewAdapter
Added animation duration options for determinate swoop and sync animations

v2.2.1

Fixed ignoring the color #FFFFFF

v2.2.0

Now it uses the actual theme's accent color if possible by default.

v2.1.0

Fixed default thickness using 4px instead of 4dp

v2.0.1

Possible fix for drawArc NullPointerError
Slight performance improvements

v2.0.0

Removed unnecessary appcompat dependency from example
Fixed repaint issue by drawing smaller arcs

v1.0.0

Initial release

Material CircularProgressView