CircularProgressbar

Additional

Language
Java
Version
V1.0 (Jul 26, 2017)
Created
Jul 22, 2017
Updated
Aug 14, 2017
Owner
Jack and phantom (sparrow007)
Contributor
Jack and phantom (sparrow007)
1
Activity
Badge
Generate
Download
Source code
APK file

Announcement

CircularProgressbar in Android

CircularProgressbar project let you create circular progressbar in android in simplest way.

USAGE

To make a circular Progressbar add CircularProgressbar in your layout XML and add CircularProgressbar library in your project or you can also grab it through Gradle:

Gradle

dependencies {
    ...
    compile 'com.jackandphantom.android:circularprogressbar:1.2.0'
}

NOTE

For CircularImageview, here is library created by me :- https://github.com/sparrow007/CircularImageview

XML

<!-- <a> circular progressbar xml</a> -->
<com.jackandphantom.circularprogressbar.CircleProgressbar
    android:layout_width="250dp"
    android:layout_height="250dp"
    app:cpb_progress="50"
    app:cpb_roundedCorner="true"
    app:cpb_foregroundProgressWidth="15"
    app:cpb_foregroundProgressColor="#1864c2"
    app:cpb_touchEnabled="true"/>

You may use the following properties in your XML to change your CircularProgressbar.

#####Properties:

To add touchEvent into your ciruclar Progressbar you have to add property app:cpb_touchEnabled="true"

/* circular progressbar xml */

  • app:cpb_roundedCorner (boolean) -> default false
  • app:cpb_foregroundProgressWidth (Integer) -> default 10
  • app:cpb_backgroundProgressWidth (Integer) -> default 10
  • app:cpb_backgroundProgressColor (Color) -> default Color.GRAY
  • app:cpb_foregroundProgressColor (Color) -> default Color.BLACK
  • app:cpb_progress (Float) -> default 0
  • app:cpb_touchEnabled (boolean) -> default false
  • app:cpb_clockwise (boolean) -> default false

JAVA

CircleProgressbar circleProgressbar = (CircleProgressbar)findViewById(R.id.yourCircularProgressbar);
circleProgressbar.setForegroundProgressColor(Color.RED);
circleProgressbar.setBackgroundColor(Color.GREEN);
circleProgressbar.setBackgroundProgressWidth(15);
circleProgressbar.setForegroundProgressWidth(20);
circleProgressbar.enabledTouch(true);
circleProgressbar.setRoundedCorner(true);
circleProgressbar.setClockwise(true);
int animationDuration = 2500; // 2500ms = 2,5s
circleProgressbar.setProgressWithAnimation(65, animationDuration); // Default duration = 1500ms
  • There is progress listener interface you can implement as par your requierments and there are also getter for all the above methods.

LICENCE

Copyright 2017 Ankit kumar

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Thanks to stackoverflow and Raggav