Awesome

GaugeSeekBar

GaugeSeekBar is an Android library for displaying round seek bar view.

How to use

allprojects {
    repositories {
        maven { url 'http://repo.aws.10clouds.com:8081/artifactory/gradle-dev-local/' }
    }
}

dependencies {
    compile(group: 'tenclouds', name: 'gaugeseekbar', version: '1.0.1', ext: 'aar')
}

Available XML attributes

Attribute name	Format	Description
startAngleDegrees	float	Angle between
thumbRadius	dimension	Radius of default thumb drawable, 11dp by default
thumbDrawable	reference	Custom thumb drawable to be used instead of default thumb drawable.
showThumb	boolean	When set to "false" thumb is not shown, "true" by default.
thumbColor	color	Default thumb drawable color, default value is #ff6f00
trackGradient	color array	Array of colors used to drawn track, can be contain only one color. Contains only grey color by default.
trackGradientPositions	reference	Array of floats between 0.0 and 1.0 indicating gradient color positions in track, has to be the same size as trackGradient. If not supplied the colors would be positioned evenly.
showProgress	boolean	If set to false progress bar will not be drawn. True by default.
progress	float	Float ranged between 0.0 and 1.0 indicating progress shown by the view. Any larger or smaller values will be interpreted as either 1, or 0.
interactive	boolean	If set to true user will be able to set the progress by touch, else progress update would be only possible from code. True by default.
trackWidth	dimension	Width of track and progress bar, 8dp by default.
progressGradient	reference	Array of colors used to drawn track, can be contain only one color. Contains green and red colors by default.
progressGradientPositions	reference	Array of floats between 0.0 and 1.0 indicating gradient color positions in progress, has to be the same size as progressGradient. If not supplied the colors would be positioned evenly.

Examples

alt text

<com.tenclouds.gaugeseekbar.GaugeSeekBar
           ...
           app:thumbRadius="18dp"
           app:trackWidth="18dp" />

alt text

<com.tenclouds.gaugeseekbar.GaugeSeekBar
        ...
        app:interactive="false"
        app:progress="0.75"
        app:progressGradient="@array/progressColor"
        app:thumbColor="@color/colorPrimary"
        app:thumbRadius="18dp"
        app:trackWidth="18dp" />

alt text

<com.tenclouds.gaugeseekbar.GaugeSeekBar
        ...
        app:interactive="true"
        app:showProgress="false"
        app:startAngleDegrees="90"
        app:thumbColor="@color/colorPrimary"
        app:thumbDrawable="@drawable/custom_thumb"
        app:trackGradient="@array/progressRainbow"
        app:trackWidth="13dp" />