Popularity
1.6
Growing
Activity
0.0
Stable
34
3
7

Description

This is a simple Seek Bar, in the shape of a circle, responsive to the speed of the spin: the faster you spin the control, the faster the progress increases.

Very much in the style of old iPods, this is a very intuitive control when a value from a variable range has to be chosen, and for wearable apps. It has been used in a production app for a while now, so it is well proven.

Programming language: Java
License: Apache License 2.0
Latest version: v1.0

CircularSeekBar alternatives and similar packages

Based on the "SeekBar Widget" category

Do you think we are missing an alternative of CircularSeekBar or a related project?

Add another 'SeekBar Widget' Package

README

CircularSeekBar Download

This is a simple Seek Bar, in the shape of a circle, responsive to the speed of the spin: the faster you spin the control, the faster the progress increases.

Very much in the style of old iPods, this is a very intuitive control when a value from a variable range has to be chosen, and for wearable apps. It has been used in a production app for a while now, so it is well proven.

Screenshots

In a mobile device In a wearable device
mobile wearable

Usage

repositories {
    jcenter()
}
dependencies {
    compile 'com.akaita.android:circular-seek-bar:1.0'
}

Configuration

xml && programmatic

min="0"    //Minimum progree value
max="50"       //Maximum progress value
progress="15" //Current progress value
progressTextColor="@android:color/black"    //Color for the text in the center
progressTextSize="26"    //Size for the text in the center
showProgressText="true"    //Show/hide the text in the center
progressText="Custom text"    //Show custom text in the center
ringColor="@color/colorAccent"    //Color for the outer ring
ringWidth="0.5"    //Width of the outer ring, relative to the width of the whole view
showIndicator="true"    //Show/hide the arc drawn when the user touches the ring
showInnerCircle="true"    //Show/hide the circle in the center
speedMultiplier="2"    //Make the progress increase/decrease faster/slower

only programmatic

OnCircularSeekBarChangeListener    //Listener for events changing the progress
OnCenterClickedListener    //Listener for single tap events on the inner circle
RingPaint    //Paint used to draw the outer ring
InnerCirclePaint    //Paint used to draw the inner circle
ProgressTextPaint    //Paint used to draw the text in the center
ProgressTextFormat    //Format of the text in the center

Apps using CircularSeekBar

  • F-gas: a simple tool to help you comply with the new EU Regulation 517/2014 on fluorinated gases with just one hand!