Realize a beautiful circular fillable loaders to be used for splashscreen
Switch branches/tags
Nothing to show
Clone or download
lopspower Update README.md
Add demo app
Latest commit 9b91339 Jul 18, 2018

README.md

CircularFillableLoaders

sample

License Platform API
Android Arsenal 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.3.2'

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:
  • app:cfl_progress (integer) -> default 0
  • app:cfl_border (boolean) -> default true
  • app:cfl_border_width (dimension) -> default 4dp
  • app:cfl_wave_color (color) -> default BLACK
  • app:cfl_wave_amplitude (float) -> default 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);

LICENCE

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