ProProgressViews
Android library with collection of amazing progress views.
DEMO
Mentions
DOWNLOAD
Add this to your root build.gradle
file
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
Add this to your app module's build.gradle
file
dependencies {
compile 'com.github.DamanSingh4321:ProProgressViews:v1.1'
}
According to above DEMO:-
Row 1
DoubleArcProgress
DottedArcProgress
Row 2
CircleLineProgress
CicleArcProgress
Row 3
DotsZoomProgress
FadeCircleProgress
USAGE
In your Layout XML add this (all the app:.... attributes are optional and have default values
For DoubleArcProgress
<com.singh.daman.proprogressviews.DoubleArcProgress
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:arcRadius="30dp"
app:colorofArc="@android:color/holo_red_dark"
/>
Property | Description | Format | Default |
---|---|---|---|
arcRadius | Radius of the arcs | dimension | 50dp |
colorofArc | Color of the arcs. | color | #b0dbdb |
For DottedArcProgress
<com.singh.daman.proprogressviews.DottedArcProgress
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:dots_radius="30dp"
app:dots_color="@android:color/holo_red_dark"
/>
Property | Description | Format | Default |
---|---|---|---|
dots_radius | Radius of the dotted arc | dimension | 50dp |
dots_color | Color of the dotted arc. | color | #009688 |
For CircleLineProgress
<com.singh.daman.proprogressviews.CircleLineProgress
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:circle_radius="30dp"
app:circle_color="@android:color/holo_red_dark"
app:line_radius="30dp"
app:line_color="@android:color/holo_red_dark"
/>
Property | Description | Format | Default |
---|---|---|---|
circle_radius | Radius of circle. | dimension | 50dp |
circle_color | Color of circle. | color | #efbd63 |
line_radius | Radius of line. | dimension | 50dp |
line_color | Color of line. | color | #ef5a84 |
For CircleArcProgress
<com.singh.daman.proprogressviews.CircleArcProgress
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:circle_size="30dp"
app:color_circle="@android:color/holo_red_dark"
app:arc_radius="50dp"
app:arc_color="@android:color/holo_red_dark"
/>
Property | Description | Format | Default |
---|---|---|---|
circle_size | Radius of circle. | dimension | 5dp |
color_circle | Color of circle. | color | #009688 |
arc_radius | Radius of arc. | dimension | 50dp |
arc_color | Color of arc. | color | #009688 |
For DotsZoomProgress
<com.singh.daman.proprogressviews.DotsZoomProgress
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:min_radius="10dp"
app:inner_radius="20dp"
app:mid_radius="26dp"
app:outer_radius="30dp"
app:zoom_speed="15"
/>
Property | Description | Format | Default |
---|---|---|---|
inner_radius | Radius of inner circle. | dimension | 50dp |
mid_radius | Radius of middle circle. | dimension | 70dp |
outer_radius | Radius of outer circle. | dimension | 90dp |
min_radius | Radius of circle for minimum zoom out. | dimension | 10dp |
inner_color | Color of innercircle. | color | #009688 |
mid_color | Color of middle circle. | color | #009688 |
outer_radius | Color of outer circle. | color | #009688 |
zoom_speed | Speed of circle zoom in/out. | float | 10 |
mid_alpha | Alpha of middle circle. | integer | 50 |
outer_alpha | Alpha of outer circle. | integer | 100 |
For FadeCircleProgress
<com.singh.daman.proprogressviews.FadeCircleProgress
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:minimum_radius="2dp"
app:speed="2"
app:fade_speed="7"
app:color="@color/colorPrimaryDark"
/>
Property | Description | Format | Default |
---|---|---|---|
radius | Radius of circle. | dimension | 50dp |
color | Color of circle. | color | #009688 |
speed | Speed of circle zoom in/out. | integer | 10 |
fade_speed | Speed of circle fade in/out. | integer | 5 |
minimum_radius | Radius of circle for minimum zoom out. | dimension | 10dp |
DEVELOPER
SPECIALS THANKS
For more cool progress views
LICENSE
Copyright 2017 Damanpreet Singh
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.