Dotted ProgressBar

Animated customizable progress bar, made of dots.

Usage

For a working implementation of this widget see example in dottedprogressbarexample folder.

Step 1

Add dependency to your project:

Gradle

dependencies {
    compile 'com.antonzorin:dottedprogressbar:0.2.3'
}

Maven

<dependency>
  <groupId>com.antonzorin</groupId>
  <artifactId>dottedprogressbar</artifactId>
  <version>0.2.3</version>
  <type>pom</type>
</dependency>

Step 2

Set widget to layout:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
<com.antonzorin.dottedprogressbar.DottedProgressBar
        android:id="@+id/progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        app:dpArrowHourPaddingPercent="40"
        app:dpArrowHourSpeed="5"
        app:dpArrowMinutePaddingPercent="30"
        app:dpArrowMinuteSpeed="20"
        app:dpArrowWidthPercent="12"
        app:dpClockwiseDots="true"
        app:dpDotsCount="12"
        app:dpMaxDotsSizePercent="14"
        app:dpMinDotsSizePercent="5"
        app:dpRotationSpeed="5" />
</LinearLayout>

Styling

• dpBaseColor - base widget color
• dpArrowsColor - color of arrows
• dpCenterColor - color of center dot
• dpClockwiseDots - set dots spin clockwise
• dpCounterClockwiseArrows - set arrows spin counter clockwise
• dpHideArrows - make arrows invisible
• dpDotsCount - count of dots in progressBar
• dpMaxDotsSizePercent - largest dot in percents relative to widget size
• dpMinDotsSizePercent - smallest dot in percents relative to widget size
• dpArrowWidthPercent - width of arrows relative to widget size
• dpArrowHourPaddingPercent - hour (short) arrow padding relative to widget size
• dpArrowMinutePaddingPercent - minutes (long) arrow padding relative to widget size
• dpArrowHourSpeed - hour arrow rotation speed
• dpArrowMinuteSpeed - minute arrow rotation speed
• dpRotationSpeed - dots rotation speed