Skip to content

Latest commit

 

History

History
75 lines (63 loc) · 2.34 KB

README.md

File metadata and controls

75 lines (63 loc) · 2.34 KB

Dotted ProgressBar

Animated customizable progress bar, made of dots.

alt tag

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