Skip to content

Latest commit

 

History

History
70 lines (48 loc) · 1.97 KB

README.md

File metadata and controls

70 lines (48 loc) · 1.97 KB
Raw

CircleView

A animated circle view. Can be used in 'value mode' or 'spinning mode'. Nice transitions between spinning and value. Can be used as 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

Try it out here.

Fully animated:

animation demo

  • Animated set value.
  • spinning mode.
  • Transition from spinning mode to value mode.

Fully customizable:

CircleParts

All parts come with a customizeable 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.

Block Mode

  • Via XML
        CircleProgressView:cpv_blockCount="18"
        CircleProgressView:cpv_blockScale="0.9"

Seek Mode

Set value on touch input. Enbale it:

  • Via Code:
	circleview.setSeekModeEnabled(true);
  • Via XML:
	CircleProgressView:cpv_seekMode="true"

For more example take a look the example app.

Add it to you project:

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

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


dependencies {
	// ...
        compile 'com.github.jakob-grabner:Circle-Progress-View:1.2.8'
}

JavaDoc

Get it here.