A loading animation based on Floating Action Button

Overview

FAB-Loading Android Arsenal

A loading animation based on Floating Action Button.

Marvel Sample Screenshots

FAB-Loading Sample Screenshots

Usage

  1. Include the LoadingView widget in your view:
<io.saeid.fabloading.LoadingView
    android:id="@+id/loading_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleX="1.5" //(optional)
    android:scaleY="1.5" // (optional)
    app:mfl_onclickLoading="true" //(optional)
    app:mfl_duration="200" //(optional)
    app:mfl_repeat="4" //(optional)
    />

2.Add your loading items.

 *Note that there are four types of loading animation, `LoadingView.FROM_LEFT`, `LoadingView.FROM_TOP`,          `LoadingView.FROM_RIGHT`, `LoadingView.FROM_BOTTOM`.*
  mLoadingView = (LoadingView) findViewById(R.id.loading_view);
  mLoadingView.addAnimation(yourColor,yourDrawable,yourLoadingType);

  //also you can add listener for getting callback (optional)
  mLoadingView.addListener(new LoadingView.LoadingListener() {
         @Override public void onAnimationStart(int currentItemPosition) {
         }

         @Override public void onAnimationRepeat(int nextItemPosition) {
         }

         @Override public void onAnimationEnd(int nextItemPosition) {
         }
        });

3.Call mLoadingView.startAnimation(); whenever you want to start animation.

XML Attributes

XML Attribute Related Method Description
mfl_onclickLoading ... Start animation by clicking FAB. (default is false)
mfl_duration setDuration(int duration) Set duration for each loading item. (default is 500 millis)
mfl_repeat setRepeat(int repeat) For values greater than 1, it calls next animations automatically for 'repeat-1' times. (default is 1)

Installation

implementation 'io.saeid:fab-loading:1.0.0'

Credits

Inspired by : http://www.materialup.com/posts/marvel-avengers-loading-animation

License

Copyright 2015 Saeed Masoumi.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
You might also like...
Some loading GIF .
Some loading GIF .

Android GifLoadingView This project idea is from Link . Thanks for the idea. I like all the animation in that webpage , but it's so hard to develop al

MaterialLoadingProgressBar   provide a styled ProgressBar which looks  like SwipeRefreshLayout's loading indicator(support-v4  v21+)
MaterialLoadingProgressBar provide a styled ProgressBar which looks like SwipeRefreshLayout's loading indicator(support-v4 v21+)

MaterialLoadingProgressBar MaterialLoadingProgressBar provide a styled ProgressBar which looks like SwipeRefreshLayout's loading indicator(support-v4

A highly configurable library to do loading progress with animated balls

Loading Balls A highly configurable library to do loading progress with animated balls for Android How to use Custom attributes lib:path="triangle" Th

Cool bezier loading view

What's BezierLoadingView ? A cool loading view with Bezier and a smooth circular motion, Demo Features Bezier Circular motion ##Attributes name format

ColoringLoading 4.7 0.0 Java This project provide Coloring Loading View for Android. And this project is not using the image file!
ColoringLoading 4.7 0.0 Java This project provide Coloring Loading View for Android. And this project is not using the image file!

ColoringLoading ![Release](https://img.shields.io/github/release/recruit-lifestyle/ColoringLoading.svg?label=maven version) This project provide Color

:seedling: A custom loading view for android, just like alipay.
:seedling: A custom loading view for android, just like alipay.

#SmileyLoadingView A custom loading view, just like alipay. Usage Edit your layout XML: cn.refactor.smileyloadingview.lib.SmileyLoadingView

Android  loading animations
Android loading animations

Android-SpinKit Android loading animations(I wrote a android edition according SpinKit) Demo Apk Preview Gradle Dependency dependencies { implement

KdLoadingView - A Custom Loading View for Android
KdLoadingView - A Custom Loading View for Android

KdLoadingView This is a circular loading view for android. Motivation In default progress view, its hard to change drawable, color and animation. So t

⏳ A delightful progress animation that you'll fall in ❤️️ with, very easily.
⏳ A delightful progress animation that you'll fall in ❤️️ with, very easily.

TinglingSquares View A delightful progressbar animation. Demo Download Add this to your app module's build.gradle file dependencies { compile

Comments
  • build error

    build error

    hi

    i'm using android studio 3.4 and build sdk 28 when my project run i get the errors

    cannot generate view binders com.sun.tools.javac.code.Symbol$CompletionFailure: class file for com.melnykov.fab.FloatingActionButton not found

    so after adding to gradle implementation 'com.melnykov:floatingactionbutton:1.3.0' and re build (...deprecated) but still failed

    cannot generate view binders com.sun.tools.javac.code.Symbol$CompletionFailure: class file for io.saeid.supportanimator.listener.SupportAnimatorListener not found

    how do i fix it?

    opened by YoungGround 0
  • Animation Not Smooth

    Animation Not Smooth

    I am using this animation in Android Nougat. However the animation is not smooth throughout the image. It happens in half the image and then just jumps to complete the animation.

    opened by shethmanan 4
  • Vector image got too wide and coming out of Fab

    Vector image got too wide and coming out of Fab

    Hey! thanks for this beautiful library, while I'm using it I get stuck on this thing

    Its like this, screenshot_2016-07-06-20-24-31_com rana sahaj myyu

    and my xml is

    <io.saeid.fabloading.LoadingView android:id="@+id/fab_like" android:visibility="visible" android:layout_marginEnd="6dp" android:layout_gravity="end" android:scaleX="1" android:scaleY="1" android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="1" app:mfl_onclickLoading="true" app:mfl_duration="400" android:elevation="4dp" android:src="@drawable/ic_favorite_outline_24dp" android:layout_alignParentEnd="true"/>

    opened by SahajRana 2
Owner
Saeed Masoumi
🎯Kotlin + Dart 🎯
Saeed Masoumi
Some beautiful android loading drawable, can be combined with any view as the LoadingView or the ProgressBar. Besides, some Drawable can customize the loading progress too.

LoadingDrawable: Android cool animation collection 前言 CircleRotate源码解析 Fish源码解析 LoadingDrawable is some android animations implement of drawable: a li

dinus_developer 4.1k Dec 27, 2022
Android loading or progress dialog widget library, provide efficient way to implement iOS like loading dialog and progress wheel

ACProgressLite English Version / 中文版本 An Android loading widget library. Lite and easy to use, strong customizability. Can be used to implement 'iOS'

Cloudist Technology Co., Ltd. 234 Nov 24, 2022
Loading layout is a container view that manages easy switching between loading, completed and other states of your screen with a single line.

Loading layout is a container view that manages easy switching between loading, completed and other states of your screen with a single line.

ValarTech 16 Jul 5, 2022
Progress Button is a android library for hanling different types state like active, finished, enabled, disabled and reset with a single line of code.

Progress Button is a android library for hanling different types state like active, finished, enabled, disabled and reset with a single line of code.

Sagar Khurana 38 Nov 15, 2022
A button to substitute the ProgressDialog.

Progress Button Android Android Button that morphs into a loading progress bar. Fully customizable in the XML Really simple to use. Makes your app loo

Farham Hosseini 9 Aug 17, 2022
Android loading view

Loading Loading is a poject with kinds of Android loading view. Yan can see the wiki for more detail. RotateLoading BookLoading NewtonCradleLoading Us

null 1.2k Jan 1, 2023
An animated circle loading view

Animated Circle Loading View A determiante/indetermiante loading view animation. Based on android-watch-loading-animation by Nils Banner. How it looks

José Luis Martín 1.2k Dec 7, 2022
Customizable bouncing dots for smooth loading effect. Mostly used in chat bubbles to indicate the other person is typing.

LoadingDots for Android Customizable bouncing dots view for smooth loading effect. Mostly used in chat bubbles to indicate the other person is typing.

Eyal Biran 162 Dec 2, 2022
An Android library providing to realize wave loading effect.

WaveLoadingView WaveLoadingView - An Android library that provides a realistic wave-loading effect. Sample Usage For a working implementation of this

Tang 1.7k Jan 2, 2023
A wave-like loading drawable

#WaveLoading This library provides a wave loading animation as a Drawable. How to use Add dependency: compile 'com.race604.waveloading:library:1.1.1'

吴晶 1.4k Dec 5, 2022