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.
CircularSeekBar alternatives and similar packages
Based on the "SeekBar Widget" category.
Alternatively, view CircularSeekBar alternatives based on common mentions on social networks and blogs.
-
discreteSeekBar
DiscreteSeekbar is my poor attempt to develop an android implementation of the Discrete Slider component from the Google Material Design Guidelines. -
HoloCircleSeekBar
Android circle seekbar widget inspired from: https://github.com/LarsWerkman/HoloColorPicker -
SeekBarCompat
A simple material-based support library to bring consistent SeekBars on Android 14 and above -
StartPointSeekBar
StartPointSeekBar is a custom view for the Android platform that makes it possible to have a SeekBar to have custom start point.
WorkOS - The modern identity platform for B2B SaaS
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of CircularSeekBar or a related project?
README
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.
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 |
---|---|
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!