Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zaminalirustemov/shimmeranimation
A Shimmer Animation Library for Kotlin, built with XML.
https://github.com/zaminalirustemov/shimmeranimation
android android-animation android-development android-library android-ui android-ui-components animation customization kotlin kotlin-library library open-source performance shimmer shimmer-effect shimmer-loading ui-components visual-effects xml xml-language
Last synced: 2 months ago
JSON representation
A Shimmer Animation Library for Kotlin, built with XML.
- Host: GitHub
- URL: https://github.com/zaminalirustemov/shimmeranimation
- Owner: zaminalirustemov
- Created: 2024-11-13T20:54:13.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-11-25T06:40:03.000Z (2 months ago)
- Last Synced: 2024-11-25T07:30:24.949Z (2 months ago)
- Topics: android, android-animation, android-development, android-library, android-ui, android-ui-components, animation, customization, kotlin, kotlin-library, library, open-source, performance, shimmer, shimmer-effect, shimmer-loading, ui-components, visual-effects, xml, xml-language
- Language: Kotlin
- Homepage: https://bento.me/zaminalirustamov
- Size: 6.98 MB
- Stars: 11
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shimmer Animation
- ![kotlin](https://img.shields.io/badge/Platforms-Kotlin_Compatible-lightblue?style=for-the-badge&logo=kotlin)
- ![kotlin](https://img.shields.io/badge/Made_With-Kotlin-0095D9?style=for-the-badge&logo=kotlin)
- ![android_7](https://img.shields.io/badge/Android-7.0_Nougat-green?style=for-the-badge)
- ![min_sdk](https://img.shields.io/badge/minSdk-24-orange?style=for-the-badge)A Shimmer Animation library for Kotlin.
## π¦ Features
- π **Customizable Direction**
Tailor the shimmer animationβs direction to fit your design needs:
- **LEFT_TO_RIGHT**: Shimmer moves from left to right
- **TOP_TO_BOTTOM**: Shimmer moves from top to bottom
- **RIGHT_TO_LEFT**: Shimmer moves from right to left
- **BOTTOM_TO_TOP**: Shimmer moves from bottom to top- π **Customizable Shape**
Choose the shimmer effect that best suits your UI:
- **LINEAR**: A simple, linear shimmer effect
- **RADIAL**: A circular, radial shimmer effect- π₯ **Customizable Intensity**
Adjust the shimmer intensity to create the desired visual impact that matches your appβs style.- β¨ **Customizable Fadeout**
Smoothly control the fadeout effect of the shimmer animation for seamless transitions.- π **Customizable Repeat Count**
Define how many times the shimmer animation will repeat, giving you full control over the effect duration.- β³ **Customizable Animation Duration**
Set the duration of each shimmer cycle, allowing you to control how long the effect lasts.- π **Customizable Repeat Delay**
Manage the time interval between consecutive shimmer cycles for a more natural animation flow.- π **Customizable Start Delay**
Set a delay before the shimmer animation begins to create a more dynamic timing sequence.## π Installation
**Step 1.** Add it in your root setting.gradle at the end of repositories:
```css
dependencyResolutionManagement {
repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
repositories {
mavenCentral()// Include JitPack, a repository that allows you to fetch dependencies from GitHub projects.
maven { url 'https://jitpack.io' }
}
}
```
**Step 2.** Add the dependency```css
// This dependencies block is for the build.gradle
dependencies {
implementation 'com.github.zaminalirustamov:Shimmer_Animation:1.0.2'
}
```
## π Usage
### Example```xml
```
```xml
```
For more examples, check out the code
## π€ Contribution
I highly appreciate and welcome any issue reports, feature requests, pull requests, or GitHub stars you may provide.