Karamunting.Android.Akaita.CircularSeekBar

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.


Keywords
android, android-library, progress, seekbar, circle, circular, circulat-progressbar, ui, ux, droid, mono, mono.droid, xamarin, xamarin-android, xamarin.android
License
Apache-2.0
Install
Install-Package Karamunting.Android.Akaita.CircularSeekBar -Version 1.0.0

Documentation

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!