Skip to content

Realize a beautiful circular fillable loaders to be used for splashscreen 🌊

License

Notifications You must be signed in to change notification settings

lopspower/CircularFillableLoaders

Folders and files

NameName
Last commit message
Last commit date

Latest commit

47e4ffe Β· Jul 21, 2021

History

58 Commits
Oct 25, 2019
May 29, 2021
May 29, 2021
May 29, 2021
Sep 10, 2019
May 29, 2021
Jul 5, 2018
Jul 21, 2021
May 31, 2021
May 31, 2021
May 29, 2021
Feb 3, 2016
Dec 11, 2015
May 29, 2021
Dec 11, 2015

Repository files navigation

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.