https://github.com/razaghimahdi/compose-loading-dots
A library which allows you to have some beautiful loading with dots in Jetpack Compose
https://github.com/razaghimahdi/compose-loading-dots
android android-library compose custom-view java java-android jetpack-android jetpack-compose kotlin kotlin-android kotlin-coroutines loading progress-circle
Last synced: 10 months ago
JSON representation
A library which allows you to have some beautiful loading with dots in Jetpack Compose
- Host: GitHub
- URL: https://github.com/razaghimahdi/compose-loading-dots
- Owner: razaghimahdi
- License: apache-2.0
- Created: 2023-01-20T17:02:42.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-25T06:05:32.000Z (almost 3 years ago)
- Last Synced: 2025-04-17T13:30:22.519Z (about 1 year ago)
- Topics: android, android-library, compose, custom-view, java, java-android, jetpack-android, jetpack-compose, kotlin, kotlin-android, kotlin-coroutines, loading, progress-circle
- Language: Kotlin
- Homepage: https://github.com/razaghimahdi/Compose-Loading-Dots
- Size: 351 KB
- Stars: 15
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Compose Loading Dots
A library which allows you to have some beautiful loading with dots by **Jetpack Compose**.
> If you need this in XML then try [Android-Loading-Dots](https://github.com/razaghimahdi/Android-Loading-Dots).
## Give a Star! ⭐
If you like or are using this project to learn or start your solution, please give it a star. Thanks!
[](https://jitpack.io/#razaghimahdi/Compose-Loading-Dots)
### 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:Compose-Loading-Dots:1.2.3'
}
### Step 3. How to use
```kotlin
val rememberDotsLoadingWavyController = rememberDotsLoadingController()
val rememberDotsLoadingFadyController = rememberDotsLoadingController()
val rememberDotsLoadingBiggyController = rememberDotsLoadingController()
val rememberLoadingScalyController = rememberDotsLoadingController()
val rememberLoadingDancingController = rememberDotsLoadingController()
val rememberLoadingCircleFadyController = rememberDotsLoadingController()
LoadingWavy(controller = rememberDotsLoadingWavyController)
LoadingFady(controller = rememberDotsLoadingFadyController)
LoadingBiggy(controller = rememberDotsLoadingBiggyController)
LoadingScaly(controller = rememberLoadingScalyController)
LoadingDancing(controller = rememberLoadingDancingController)
LoadingCircleFady(controller = rememberLoadingCircleFadyController)
```
### Step 4. How to initial
```kotlin
val rememberDotsLoadingWavyController = rememberDotsLoadingController()
LoadingWavy(
controller = rememberDotsLoadingWavyController,
modifier = Modifier.padding(vertical = 8.dp),
dotsCount = 3,
dotsColor = Color.Red,
dotsSize = 25.dp,
duration = 300,
easing = LinearEasing
)
```
OR
```Kotlin
val rememberDotsLoadingWavyController = rememberDotsLoadingController()
rememberDotsLoadingWavyController.updateSelectedDotsCount(3)
rememberDotsLoadingWavyController.updateSelectedDotsDuration(300)
rememberDotsLoadingWavyController.updateSelectedEasing(LinearEasing)
rememberDotsLoadingWavyController.updateSelectedDotsColor(Color.Red)
rememberDotsLoadingWavyController.updateSelectedDotsSize(25.dp)
LoadingWavy(controller = rememberDotsLoadingWavyController)
```
https://user-images.githubusercontent.com/61207818/215316569-fdb16d2f-1f49-4c37-a3af-d940cdf2cd1b.mp4
Developed by Mahdi Razzaghi Ghaleh