Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/WhiteDG/ProgressView
π Styleable progress view
https://github.com/WhiteDG/ProgressView
android android-library android-ui customview progress-bar
Last synced: about 1 month ago
JSON representation
π Styleable progress view
- Host: GitHub
- URL: https://github.com/WhiteDG/ProgressView
- Owner: WhiteDG
- License: apache-2.0
- Created: 2017-05-07T07:27:47.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-11-29T09:50:12.000Z (about 1 year ago)
- Last Synced: 2024-08-03T01:17:54.627Z (4 months ago)
- Topics: android, android-library, android-ui, customview, progress-bar
- Language: Java
- Homepage:
- Size: 1.03 MB
- Stars: 343
- Watchers: 7
- Forks: 54
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
- awesome-github-android-ui - ProgressView - ε€η§ζ ·εΌηθΏεΊ¦ζ‘ (θΏεΊ¦ζ‘)
README
# ProgressView
[δΈζηηΉζ](https://github.com/WhiteDG/ProgressView/blob/master/README_CN.md)
ProgressView is a custom view that extends ProgressBar to implement circular and horizontal progress bars with numerical indicators.
## Screenshots
Β Β Β Β 
## Installation
Add the depedency in your build.gradle. The library is distributed via jCenter.
```
dependencies {
compile 'com.white:progressview:1.0.1'
}
```
## Usage
1. In the XML
Add the `ProgressView` to `layout.xml` and configure the attributes.
```
```
2. In the Activity
You can also configure attributes directly in the activity.
```
horizontalProgressView.setXXXX();
// for example:
horizontalProgressView.setTextVisible(false);
horizontalProgressView.setReachBarSize(4);
horizontalProgressView.setProgressPosition(HorizontalProgressView.TOP);
...
```
and set progress with animation in time
```
HorizontalProgressView horizontalProgressView = (HorizontalProgressView) findViewById(R.id.progress100);
// set progress 100 with anim in 2500ms
horizontalProgressView.setProgressInTime(100,2500);
// set progress from 20 to 100 with anim in 2500ms
horizontalProgressView.setProgressInTime(0,100,2500);
// reset current progress with anim in 2500ms
horizontalProgressView.runProgressAnim(2500);
CircleProgressView circleProgressView = (CircleProgressView) findViewById(R.id.circle_progress_normal);
...
// same as HorizontalProgressView
circleProgressView.setProgressInTime(100,2500);
```
## Attributes
#### HorizontalProgressView
Name | Description
:---:|:---:
progressNormalColor | set the normal bar color
progressReachColor | set the reach bar color
progressTextColor | set the progress text color
progressTextSize | set the progress text size
progressTextOffset | set the progress text offset
progressNormalSize | set the normal bar size
progressReachSize | set the reach bar size
progressTextPosition | set the progress text position(CENTER/BOTTOM/TOP)
progressTextVisible | is show the progress text
progressTextSkewX | set the progress text skewx
progressTextPrefix | set the progress text prefix
progressTextSuffix | set the progress text suffix(default '%')
#### CircleProgressView
Name | Description
:---:|:---:
progressNormalColor | set the normal bar color
progressReachColor | set the reach bar color
progressTextColor | set the progress text color
progressTextSize | set the progress text size
progressTextOffset | set the progress text offset
progressNormalSize | set the normal bar size
progressReachSize | set the reach bar size
radius | set the circle radius
progressTextVisible | is show the progress text
progressTextSkewX |set the progress text skewx
progressTextPrefix | set the progress text prefix
progressTextSuffix | set the progress text suffix(default '%')
progressStartArc | set the startArc of reach area
progressStyle | set the style of CircleProgressView(Normal/FillInner/FillInnerArc)
reachCapRound | set the reach bar cap round or not(only for style Normal)
innerBackgroundColor | set the inner background color(only for style Normal)
innerProgressColor | set the inner progress color(only for style FillInner)
innerPadding | set the padding between the inner and outer circles(only for style FillInnerArc)
outerColor | set the outer circle color(only for style FillInnerArc)
outerSize | set outer circle width(only for style FillInnerArc)
## LICENSE
```
Copyright 2017 Wh1te
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.
```