https://github.com/jakob-grabner/circle-progress-view

Animated circular progress view for Android
https://github.com/jakob-grabner/circle-progress-view

android circle progress-bar view

Last synced: 5 days ago
JSON representation

Animated circular progress view for Android

• Host: GitHub
• URL: https://github.com/jakob-grabner/circle-progress-view
• Owner: jakob-grabner
• License: mit
• Created: 2015-02-13T07:42:49.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2023-05-09T05:19:58.000Z (almost 2 years ago)
• Last Synced: 2025-02-16T18:45:48.485Z (5 days ago)
• Topics: android, circle, progress-bar, view
• Language: Java
• Homepage:
• Size: 9.31 MB
• Stars: 1,323
• Watchers: 44
• Forks: 242
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CircleView

An animated circle view. Can be used in 'value mode' or 'spinning mode'. Nice transitions between spinning and value. Can be used as a loading indicator and to show progress or values in a circular manner. In seek mode, it can also be used to set a value.

![MainImage](https://raw.githubusercontent.com/jakob-grabner/Circle-Progress-View/master/media/big.png)

Try it out [here](https://play.google.com/store/apps/details?id=at.grabner.example.circleprogressview).

## Fully animated:

![animation demo](https://raw.githubusercontent.com/jakob-grabner/Circle-Progress-View/master/media/demo.gif)

- Animated set value.

- Spinning mode.

- Transition from spinning mode to value mode.

## Fully customizable:

![CircleParts](https://raw.githubusercontent.com/jakob-grabner/Circle-Progress-View/master/media/CircleParts.PNG)

All parts come with a customizable color and thickness. Set the size of a part to 0 to hide it. 

## Text sizes

Per default, the texts size is automatically calculated to fit in the circle. 

## Colors

The spin bar color can consist of a single color or a gradient from up to 4 colors.

![Gradient colors.](https://raw.githubusercontent.com/jakob-grabner/Circle-Progress-View/master/media/ColorGradient.jpg)

## Block Mode

- Via XML

```java

CircleProgressView:cpv_blockCount="18"

CircleProgressView:cpv_blockScale="0.9"

```

## Seek Mode

Set value on touch input. Enable it:

- Via Code:

```java

circleview.setSeekModeEnabled(true);

```

- Via XML:

```java

CircleProgressView:cpv_seekMode="true"

```

For more examples take a look at the example app.

## Add it to your project:

Get the latest release from https://jitpack.io/#jakob-grabner/Circle-Progress-View 

```groovy

allprojects {

    repositories {

        // ...

        maven { url "https://jitpack.io" }

    }

}

dependencies {

	// ...

        implementation 'com.github.jakob-grabner:Circle-Progress-View:1.4'

}

```

## JavaDoc

Get it [here](https://jitpack.io/com/github/jakob-grabner/Circle-Progress-View/1.4/javadoc/).