Android loading animations

Overview

Android-SpinKit

Android loading animations(I wrote a android edition according SpinKit)

Demo Apk

Preview

Gradle Dependency

dependencies {
   implementation 'com.github.ybq:Android-SpinKit:1.4.0'
}

Usage

  • Xml
<com.github.ybq.android.spinkit.SpinKitView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/spin_kit"
    style="@style/SpinKitView.Large.Circle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    app:SpinKit_Color="@color/colorAccent" />         
  • ProgressBar
ProgressBar progressBar = (ProgressBar)findViewById(R.id.progress);
Sprite doubleBounce = new DoubleBounce();
progressBar.setIndeterminateDrawable(doubleBounce);

Style

@style/SpinKitView
@style/SpinKitView.Circle
@style/SpinKitView.Large
@style/SpinKitView.Small
@style/SpinKitView.Small.DoubleBounce   
Style Preview
RotatingPlane RotatingPlane
DoubleBounce DoubleBounce
Wave Wave
WanderingCubes WanderingCubes
Pulse Pulse
ChasingDots ChasingDots
ThreeBounce ThreeBounce
Circle Circle
CubeGrid CubeGrid
FadingCircle FadingCircle
FoldingCube FoldingCube
RotatingCircle RotatingCircle

Acknowledgements

Comments
  • Set Color Does Not Work On These Drawables

    Set Color Does Not Work On These Drawables

    Set color via XML "app:SpinKit_Color="@color/colorAccent"" does not work on the following drawables:

    • RotatingPlane
    • Pulse
    • RotatingCircle

    For the above drawables, color defaults to white and setting color does not work.

    Set color via XML works for the following drawables:

    • DoubleBounce
    • Wave
    • WanderingCubes
    • ChasingDots
    • ThreeBounce
    • Circle
    • CubeGrid
    • FadingCircle
    • FoldingCube

    References Issue #24

    opened by searchy2 4
  • Dependency implementation error!

    Dependency implementation error!

    When inserting in gradle dependencies it shows the following error..! image

    Caused by: org.gradle.api.internal.artifacts.ivyservice.DefaultLenientConfiguration$ArtifactResolveException: Could not resolve all files for configuration ':app:debugRuntimeClasspath'.

    opened by geeky-auro 3
  • Build failed: More than one file was found with OS independent path 'lib/armeabi-v7a/libvpnprocessing.so'

    Build failed: More than one file was found with OS independent path 'lib/armeabi-v7a/libvpnprocessing.so'

    Crashing while building with the following error message: "More than one file was found with OS independent path 'lib/armeabi-v7a/libvpnprocessing.so'"

    Compile SDK Version: API 27 - Andoid Oreo 8.1 Gradle version: 4.10.1 Android Plugin Version: 3.3.0 Android Studio 3.3

    Thank you

    opened by karmazinkd 2
  • How to place a spinkit inside a button?

    How to place a spinkit inside a button?

    The README's Preview section display a Button with a waved SpinKit within.

    1. How can do that?
    2. How can i put the SpinKit animation on the right band of the button?
    opened by jairocgr 2
  • Release 1.0.3 setColor does not work

    Release 1.0.3 setColor does not work

    Please release new build to include commit https://github.com/ybq/Android-SpinKit/commit/1af45a276da0c058cafb2333287c81241ca58a83

    Regards, Pedro Cardoso

    opened by smeegoan 2
  • Failed to resolve: com.github.ybq:Android-SpinKit:1.1.0

    Failed to resolve: com.github.ybq:Android-SpinKit:1.1.0

    build.gradle : allprojects { repositories { mavenLocal() google() jcenter() maven { // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm url "$rootDir/../node_modules/react-native/android" } maven { url "https://jitpack.io" }

    }
    

    }

    I tried everything and same issues but I had to open the issue.

    opened by cagataykapuagasi 1
  • Trouble Styling a Progress Dialog

    Trouble Styling a Progress Dialog

    I am using the wave for my progress dialog but having trouble changing the color of it. I'm pretty sure this is just a personal shortcoming but I was hoping I could get some help! Thank you

    opened by ghost 1
  • Allow contributors

    Allow contributors

    Hey @ybq ,

    I have some minor bug fixes and I would like to contribute to this repository. Please add me as a contributor so I can commit the code.

    P.S: Thanks for this awesome repository.

    opened by nikacotAndroid 1
  • Could not get resource

    Could not get resource

    'Could not get resource 'https://repo.maven.apache.org/maven2/com/github/ybq/Android-SpinKit/1.1.0/Android-SpinKit-1.1.0.pom'

    使用Gradle引用库的时候 maven 调不通

    opened by chenxi1991 0
  • After Effect Wave Wrap is not working after exporting using BodyMovin plug-in

    After Effect Wave Wrap is not working after exporting using BodyMovin plug-in

    opened by kris2ffer22 0
  • The wave animation being too fast on certain device

    The wave animation being too fast on certain device

    When I run my app with the Wave loading animation on my mom's phone (running Android 8.1), the animation works perfectly. But when I run it on my phone (Android 5.1), the animation is faster, which kind of irritates me.

    opened by QuanMCPC 1
  • 出现个了个新问题

    出现个了个新问题

    Process: com.vmc.guangqi, PID: 26114 java.lang.StackOverflowError: stack size 8192KB at com.github.ybq.android.spinkit.sprite.Sprite.setScale(Sprite.java:117) at com.github.ybq.android.spinkit.sprite.Sprite$10.setValue(Sprite.java:434) at com.github.ybq.android.spinkit.sprite.Sprite$10.setValue(Sprite.java:431) at com.github.ybq.android.spinkit.animation.FloatProperty.set(FloatProperty.java:43) at com.github.ybq.android.spinkit.animation.FloatProperty.set(FloatProperty.java:29) at android.animation.PropertyValuesHolder$FloatPropertyValuesHolder.setAnimatedValue(PropertyValuesHolder.java:1383) at android.animation.ObjectAnimator.animateValue(ObjectAnimator.java:990) at android.animation.ValueAnimator.animateBasedOnTime(ValueAnimator.java:1349) at android.animation.ValueAnimator.doAnimationFrame(ValueAnimator.java:1481) at android.animation.AnimationHandler.doAnimationFrame(AnimationHandler.java:146) at android.animation.AnimationHandler.access$100(AnimationHandler.java:37) at android.animation.AnimationHandler$1.doFrame(AnimationHandler.java:54) at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1029) at android.view.Choreographer.doCallbacks(Choreographer.java:854) at android.view.Choreographer.doFrame(Choreographer.java:785) at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1016) at android.os.Handler.handleCallback(Handler.java:883) at android.os.Handler.dispatchMessage(Handler.java:100) at android.os.Looper.loop(Looper.java:224) at android.app.ActivityThread.main(ActivityThread.java:7562) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:539) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:950)

    opened by sunshinecf 0
Owner
ybq
..........................
ybq
Shimmer loading - A Flutter project to show how to add shimmer loading animation

shimmer_loading A Flutter project to show how to add shimmer loading animation.

null 0 Feb 6, 2022
A Flutter package with a selection of simple yet very customizable set of loading animations.

Flutter Loading Animations A simple yet very customizable set of loading animations for Flutter projects. Installation Add the following to your pubsp

Andre Cytryn 171 Sep 23, 2022
A collection of awesome loading animations

NVActivityIndicatorView ⚠️ Check out LoaderUI (ready to use with Swift Package Mananger supported) for SwiftUI implementation of this. ?? Introduction

Vinh Nguyen 10.3k Jan 3, 2023
Delightful, performance-focused pure css loading animations.

Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti

Connor Atherton 10.2k Jan 2, 2023
A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.

flutter_animated_dialog A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier i

null 20 Dec 3, 2022
Create powerful animations in Flutter and use the hero animation for complex animations

Hero Animation - Locations UI - Flutter Create powerful animations in Flutter and use the hero animation for complex animations. ⚡  Social Media  Twit

null 3 Dec 11, 2021
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web

Flutter EasyLoading English | 简体中文 Live Preview ?? https://nslog11.github.io/flutter_easyloading Installing Add this to your package's pubspec.yaml fi

nslog11 1k Jan 9, 2023
Set of basic geometric animations using Flutter available as Android App gallery

#ui, #animations, #geometry, #flutter aria Set of basic geometric animations usi

lask 22 Nov 27, 2022
✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.

✨ Flutter Spinkit A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit. ?? Installing dependencies:

Jeremiah Ogbomo 2.7k Dec 30, 2022
Loading Animation With Flutter

Flutter Loading Animation loading.ista.mp4 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few re

Join Flutter 17 Oct 13, 2022
Lazy Loading Flutter Plugin

flutter_placeholder_textlines A simple plugin to generate placeholder lines that emulates text in a UI, useful for displaying placeholder content whil

Victor HG 21 Apr 12, 2022
Help you to build pull-down refresh and pull-up loading in the simplest way.

frefresh Help you to build pull-down refresh and pull-up loading in the simplest way. Although unprecedented simplicity, but the effect is amazing. It

Fliggy Mobile 427 Nov 26, 2022
A Flutter library for loading skeletons

TODO: Put a short description of the package here that helps potential users know whether this package might be useful for them. Features TODO: List w

Daniel 0 Jan 6, 2022
A collection of loading indicators animated with CSS

SpinKit Simple loading spinners animated with CSS. See demo. SpinKit only uses (transform and opacity) CSS animations to create smooth and easily cust

Tobias Ahlin 19k Dec 26, 2022
Flutter ListView and GridView that shows Loading Widgets before the real data is loaded.

loadinglistview This package provide an easy way to show loading indicator(Widget) in a listview or a gridview while the app is still fetching the rea

null 3 Dec 8, 2021
A simple custom loading indicator package.

custom_loading_indicator A Flutter package to customise the loading indicators with your organisation's logo. Let's say you're a dentist and your app

Harshad Manglani 3 Aug 10, 2020
Loading times are unavoidable in application development. From a user experience (UX) perspective

loading A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

azzouz abdelhakim 2 Feb 12, 2022
A collection of awesome flutter loading animation

loading_indicator_view A collection of awesome flutter loading animation Demo Usage loading_indicator_view: ^1.1.0 Animation types Type Type Type Typ

Vans Z 84 Dec 6, 2022
Orchestrate multiple animations with ease.

flutter_sequence_animation Features No need to use intervals and calculate percentages for your total animation time. Animate the same variable with m

Norbert Kozsir 381 Dec 27, 2022