FillProgressLayout
π₯
A simple and flexible Fill Progress Layout written in Kotlin
π₯
Netflix button animation using FillProgressLayout
Support Library alternative is available here
Installation
- Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
- Add the dependency in app gradle
dependencies {
implementation 'com.github.JDevZone:FillProgressLayout:{latest_version}'
}
Basic usage
As
FillProgressLayoutis direct child ofLinearLayoutyou can replace LinearLayout with it as follows
<com.devzone.fillprogresslayout.FillProgressLayout
android:id="@+id/fillL"
android:layout_margin="30dp"
app:fpl_backgroundColor="@color/colorRedTrans"
app:fpl_progressColor="@color/colorGreenTrans"
app:fpl_isRounded="false"
app:fpl_progress="0"
app:fpl_progressDuration="3000"
app:fpl_progressDirection="left_to_right"
app:fpl_shouldRestart="false"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<--childviews-->
</com.devzone.fillprogresslayout.FillProgressLayout>
Alternatively
You can use
FillProgressLayoutas background for other layouts.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<--as background for AppCompatTextView-->
<com.devzone.fillprogresslayout.FillProgressLayout
android:layout_alignBottom="@+id/tv"
android:layout_alignParentTop="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/tv"
android:text="@string/app_name"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</RelativeLayout>
Samples
| Fill Direction | Demo |
|---|---|
Left To Right |
 |
Right To Left |
 |
Top To Bottom |
 |
Bottom To Top |
 |
Additional
Rounded Corners sample
Gradient Progress sample
Customisation
Here are the attributes you can specify through XML or related setters programatically:
fpl_backgroundColor- Set background color.fpl_progressColor- Set progress color.fpl_isRounded- Set true if you need rounded corners.fpl_roundedCornerRadius- Set radius for round corners.fpl_progress- Set current progress.fpl_progressDuration- Set fill duration.fpl_shouldRestart- Set if progress filling should restart from 0.fpl_progressDirection- Set fill direction. i.e.left_to_right,right_to_left,top_to_bottomorbottom_to_topfpl_gradientColors- Set array of gradient colors i.e.@array/gradientColorsfpl_gradientMovement- Set true for gradient movement with progress and false for static fillingfpl_gradientDirection- Set Gradient direction. i.e.left_to_right,right_to_left,top_to_bottom,bottom_to_top,top_left_to_bottom_right,top_right_to_bottom_left,bottom_right_to_top_leftorbottom_left_to_top_right
π
License
FillProgressLayout is released under the MIT license. See LICENSE for details.
234 Nov 24, 2022
6 Aug 25, 2022
2.7k Dec 29, 2022
98 Nov 11, 2022
2.1k Dec 31, 2022
90 Dec 15, 2022
541 Jan 1, 2023
151 Jul 26, 2022
79 Nov 22, 2022
71 Dec 5, 2021
29 Jun 8, 2022
1.2k Jan 3, 2023
16 Jul 5, 2022
5 Dec 28, 2022
3 Feb 18, 2022
249 Sep 10, 2022
1.3k Nov 29, 2022
655 Nov 10, 2022