razaghimahdi / Android-Loading-Dots

A library which allows you to have some beautiful loading with dots, for both Java and Kotlin in XML
https://github.com/razaghimahdi/Android-Loading-Dots
Apache License 2.0
25 stars 5 forks source link
android android-library custom-view java kotlin kotlin-android loading loading-animations loading-indicator progress-circle xml

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"))

https://user-images.githubusercontent.com/61207818/214298326-3f5d8aa2-38c5-4dab-ab5f-695639f5ff0f.mp4

Developed by Mahdi Razzaghi Ghaleh