Skip to content

razaghimahdi/Android-Loading-Dots

Repository files navigation

Android-Loading-Dots

A library which allows you to have some beautiful loading with dots, for both Java and Kotlin in XML,

If you need Jetpack Compose version of this library then click here.

Give a Star! ⭐

If you like or are using this project to learn or start your solution, please give it a star. Thanks!

Step 1. Add it in your project-level build.gradle or settings.gradle file:

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

Step 2. Add the dependency

dependencies {
        implementation 'com.github.razaghimahdi:Android-Loading-Dots:1.3.2'
}

Step 3. How to use

XML:

<com.razzaghimahdi78.dotsloading.linear.LoadingWavy
	android:id="@+id/loadingWavy"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	app:dots_color="@color/colorPrimaryDark"
	app:dots_count="3"
	app:dots_duration="500"
	app:dots_size="10dp" />

<com.razzaghimahdi78.dotsloading.linear.LoadingFady
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	app:dots_color="@color/colorPrimaryDark"
	app:dots_count="3"
	app:dots_duration="500"
	app:dots_size="10dp" />

<com.razzaghimahdi78.dotsloading.linear.LoadingBiggy
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	app:dots_color="@color/colorPrimaryDark"
	app:dots_count="3"
	app:dots_duration="500"
	app:dots_size="10dp" />

<com.razzaghimahdi78.dotsloading.linear.LoadingScaly
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	app:dots_color="@color/colorPrimaryDark"
	app:dots_count="5"
	app:dots_duration="400"
	app:dots_size="10dp" />

<com.razzaghimahdi78.dotsloading.linear.LoadingDancing
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	app:dots_color="@color/colorPrimaryDark"
	app:dots_count="3"
	app:dots_duration="800"
	app:dots_size="10dp" />

<com.razzaghimahdi78.dotsloading.circle.LoadingCircleFady
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	app:dots_color="@color/colorPrimaryDark"
	app:dots_duration="800"
	app:dots_size="10dp" />

<com.razzaghimahdi78.dotsloading.circle.LoadingCircleRotation
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	app:dots_color="@color/colorPrimaryDark"
	app:dots_duration="800"
	app:dots_size="10dp" />

Step 4. How to initial

LoadingWavy LoadingWavy=findViewById(R.id.loadingWavy);
LoadingWavy.setSize(30);
LoadingWavy.setDotsCount(3);
LoadingWavy.setDuration(400);
LoadingWavy.setColor(Color.parseColor("#FF3700B3"));

OR

val LoadingWavy: LoadingWavy = findViewById(R.id.loadingWavy)
LoadingWavy.setSize(30)
LoadingWavy.setDotsCount(3)
LoadingWavy.setDuration(400)
LoadingWavy.setColor(Color.parseColor("#FF3700B3"))
record.mp4

Developed by Mahdi Razzaghi Ghaleh