Download Progress Bar
Android progress bar with cool animation, inspired by : https://dribbble.com/shots/2012292-Download-Animation
###Attributes
| Attribute | Type | Usage |
|---|---|---|
app:circleRadius |
dimension | The dimension of the circle radius |
app:strokeWidth |
dimension | The dimension of the circle stroke width |
app:lineWidth |
dimension | Color used for the progress completed |
app:progressDuration |
integer | Duration of progress. Default value is set to 1000 ms |
app:resultDuration |
integer | Duration of result, either success and error. Default set to 4000 ms |
app:overshootValue |
dimension | Value of overshoot interpolator (used for popping up the circle) |
app:drawingColor |
color | Color used for drawing inside drawables (white on gif) |
app:progressColor |
color | Color used for drawing the progress (white on gif) |
app:circleBackgroundColor |
color | Color used for drawing background circle (light blue on gif) |
app:progressBackgroundColor |
color | Color used for drawing progress background (light blue on gif) |
###Updates
- v1.1
- Added new animation - ManipulateProgressAnimation - now you can set your progress manually. The default result is set to Success. Just play the animation with:
downloadProgressBar.playManualProgressAnimation();- You can change the result type with:
ordownloadProgressBar.setErrorResultState();downloadProgressBar.setSuccessResultState();- To set the progress use setProgress method. The value must be between 1-100 - it determines percent value:
downloadProgressBar.setProgress(value);- You can abort the progress and set the error result immediately just by typing:
downloadProgressBar.abortDownload();- Also I've added two methods to the callback - onManualProgressStarted() and onManualProgressEnded(). They're called everytime the setProgress() method ends.
###Download
repositories {
maven {
url "https://jitpack.io"
}
}
dependencies {
compile 'com.github.panwrona:DownloadProgressBar:1.1'
}
###Usage
Below I will show You how to use this custom view. First we need to distinguish two kinds of result we can get: success and error. To play success animation, simply call this one line:
DownloadProgressBar downloadProgressBar = (DownloadProgressBar)findViewById(R.id.download_progress_view);
downloadProgressBar.playToSuccess();
If you want to play error animation, simply call:
DownloadProgressBar downloadProgressBar = (DownloadProgressBar)findViewById(R.id.download_progress_view);
downloadProgressBar.playToError();
I've also added listener for common events: whole animation start, whole animation end, progress update, animation success, animation error. To define it, call this one:
downloadProgressBar.setOnProgressUpdateListener(new DownloadProgressBar.OnProgressUpdateListener() {
@Override
public void onProgressUpdate(float currentPlayTime) {
// Here we are setting % value on our text view.
successTextView.setText(Math.round(currentPlayTime / 3.6) + " %");
}
@Override
public void onAnimationStarted() {
// Here we are disabling our view because of possible interactions while animating.
downloadProgressBar.setEnabled(false);
}
@Override
public void onAnimationEnded() {
successTextView.setText("Click to download");
downloadProgressBar.setEnabled(true);
}
@Override
public void onAnimationSuccess() {
successTextView.setText("Downloaded!");
}
@Override
public void onAnimationError() {
}
});
###Developed By
- Mariusz Brona - [email protected]
###License
Copyright 2015 Mariusz Brona
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.
19 Dec 30, 2022
98 Nov 11, 2022
2.7k Dec 29, 2022
151 Jul 26, 2022
234 Nov 24, 2022
5 Dec 28, 2022
1.3k Dec 28, 2022
38 Nov 15, 2022
2.3k Dec 31, 2022
541 Jan 1, 2023
124 Nov 15, 2022
38 Oct 30, 2022
4.1k Dec 27, 2022
655 Nov 10, 2022
928 Dec 6, 2022
628 Sep 24, 2022
79 Nov 22, 2022
74 Aug 26, 2022