Android NumberProgressBar
The NumberProgressBar is a bar, slim and sexy (every man wants! ).
I decided to do this because I was really tired of android original progress bar. So, I made some change, added more color style for this.
Usage
Gradle
dependencies {
compile 'com.daimajia.numberprogressbar:library:1.4@aar'
}
Maven
<dependency>
<groupId>com.daimajia.numberprogressbar</groupId>
<artifactId>library</artifactId>
<version>1.4</version>
<type>apklib</type>
</dependency>
Use it in your own code:
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/number_progress_bar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
I made some predesign style. You can use them via style
property.
Use the preset style just like below:
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/number_progress_bar"
style="@style/NumberProgressBar_Default"
/>
In the above picture, the style is :
NumberProgressBar_Default
NumberProgressBar_Passing_Green
NumberProgressBar_Relax_Blue
NumberProgressBar_Grace_Yellow
NumberProgressBar_Warning_Red
NumberProgressBar_Funny_Orange
NumberProgressBar_Beauty_Red
NumberProgressBar_Twinkle_Night
You can get more beautiful color from kular, and you can also contribute your color style to NumberProgressBar!
Build
run ./gradlew assembleDebug
(Mac/Linux)
or
run gradlew.bat assembleDebug
(Windows)
Attributes
There are several attributes you can set:
The reached area and unreached area:
- color
- height
The text area:
- color
- text size
- visibility
- distance between reached area and unreached area
The bar:
- max progress
- current progress
for example, the default style:
<com.daimajia.numberprogressbar.NumberProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
custom:progress_unreached_color="#CCCCCC"
custom:progress_reached_color="#3498DB"
custom:progress_unreached_bar_height="0.75dp"
custom:progress_reached_bar_height="1.5dp"
custom:progress_text_size="10sp"
custom:progress_text_color="#3498DB"
custom:progress_text_offset="1dp"
custom:progress_text_visibility="visible"
custom:progress_max="100"
custom:progress_current="80"
/>