Skip to content

Latest commit

 

History

History
80 lines (62 loc) · 3.29 KB

README.md

File metadata and controls

80 lines (62 loc) · 3.29 KB

CircularFillableLoaders

sample

Platform API Maven Central Twitter

This is an Android project allowing to realize a beautiful circular fillable loaders to be used for splashscreen for example.

Android app on Google Play

USAGE

To make a circular fillable loaders add CircularFillableLoaders in your layout XML and add CircularFillableLoaders library in your project or you can also grab it via Gradle:

implementation 'com.mikhaellopez:circularfillableloaders:1.4.0'

XML

<com.mikhaellopez.circularfillableloaders.CircularFillableLoaders
    android:id="@+id/circularFillableLoaders"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/your_logo"
    app:cfl_border="true"
    app:cfl_border_width="12dp"
    app:cfl_progress="80"
    app:cfl_wave_amplitude="0.06"
    app:cfl_wave_color="#3f51b5" />

You must use the following properties in your XML to change your CircularFillableLoaders.

Properties Type Default
app:cfl_progress integer 0
app:cfl_border boolean true
app:cfl_border_width dimension 4dp
app:cfl_wave_color color BLACK
app:cfl_wave_amplitude float 0.05f (between 0.00f and 0.10f)

JAVA

CircularFillableLoaders circularFillableLoaders = (CircularFillableLoaders)findViewById(R.id.yourCircularFillableLoaders);
// Set Progress
circularFillableLoaders.setProgress(60);
// Set Wave and Border Color
circularFillableLoaders.setColor(Color.RED);
// Set Border Width
circularImageView.setBorderWidth(10 * getResources().getDisplayMetrics().density);
// Set Wave Amplitude (between 0.00f and 0.10f)
circularFillableLoaders.setAmplitudeRatio(0.08);

SUPPORT ❤️

Find this library useful? Support it by joining stargazers for this repository ⭐️
And follow me for my next creations 👍

LICENCE

CircularFillableLoaders by Lopez Mikhael is licensed under a Apache License 2.0. Based on a work at https://github.com/gelitenight/WaveView.