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

Related tags

ProgressBar loading-dots
Overview

LoadingDots for Android

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

Features

  • LoadingDots animated view
  • Use in xml
  • Customize dots appearance
  • Customize animation behavior
  • Customize animation duration

Demo

Import

   compile 'com.eyalbira.loadingdots:loading-dots:1.0.2'

Usage

For basic usage, simply add to layout xml:

   <com.eyalbira.loadingdots.LoadingDots
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"/>

To customize, simply use the needed view attributes:

   <com.eyalbira.loadingdots.LoadingDots
           xmlns:app="http://schemas.android.com/apk/res-auto"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"

           app:LoadingDots_auto_play="true"

           app:LoadingDots_dots_color="@android:color/holo_blue_light"
           app:LoadingDots_dots_count="4"
           app:LoadingDots_dots_size="3dp"
           app:LoadingDots_dots_space="1dp"

           app:LoadingDots_loop_duration="800"
           app:LoadingDots_loop_start_delay="100"

           app:LoadingDots_jump_duration="200"
           app:LoadingDots_jump_height="4dp"/>
Comments
  • Fill width with dots

    Fill width with dots

    Is there a way to fill the whole width with "dots"? Currently I'm setting the dots by setting app:LoadingDots_dots_count="12" but is there a way to fill the entire remaining space?

    opened by HD-AD 4
  • Add the possibility of pass an array of colors and assign each color to a dot

    Add the possibility of pass an array of colors and assign each color to a dot

    Hi. This is not a proper pull request because my code is not able to be implemented but I'm a beginner coder and when I tried to do a method and pass the array I had so many error. This is basically the idea of each dot having a different color with respect to the others.

    opened by jcolladosp 2
  • Not working in SDK 18?

    Not working in SDK 18?

    I'm trying to add this library to a project whose min SDK is 15 and testing it with an old phone with SDK 18 installed the animation does not work at all. The dots appear but there is no movement.

    Any idea?

    opened by khrizt 1
  • Fix broken headings in Markdown files

    Fix broken headings in Markdown files

    GitHub changed the way Markdown headings are parsed, so this change fixes it.

    See bryant1410/readmesfix for more information.

    Tackles bryant1410/readmesfix#1

    opened by bryant1410 0
  • Would you consider adding a link to our tutorial to the readme?

    Would you consider adding a link to our tutorial to the readme?

    Hey @EyalBira, thank you for creating loading-dots, this lib is awesome 🎉

    @MilanVucic and I work with a company called CometChat creating tutorials. We are collaborating on a Kotlin tutorial called "Adding animated typing indicators to your Kotlin chat app" (exact title TBD) and we used loading-dots for the typing indicators!

    Here's a snippet:

    typingLayout is just a piece of the layout that contains the TextView for showing the people who are typing as well as this neat “3 dots jumping up and down” animation, for which I used this awesome 3rd party library. You can create your own too, but it’s just easier to use this one. If nobody is typing, the layout hides, and if people are typing, we simply format the message to resemble that state :

    image_preview

    When we publish the tutorial in the coming days, is there any chance we can add a link to the README as a real-world (ish) example of loading-dots?

    opened by bookercodes 1
  • Compile version error

    Compile version error

    The following error started when using sdk version 27:

    error: duplicate value for resource 'attr/font' with config ''.

    error: resource previously defined here. Message{kind=ERROR, text=error: resource previously defined here., sources=[gradle/caches/transforms-1/files-1.1/loading-dots-1.0.2.aar/ddd106d4303848c11195e14406b44fa8/res/values/values.xml:4:5-61], original message=, tool name=Optional.of(AAPT)}

    opened by mpopolin 0
  • NullPointerException on ValueAnimator

    NullPointerException on ValueAnimator

    I've got a NPE when updating the visibility of LoadingDots to Visible.

    Stacktrace: java.lang.NullPointerException: Attempt to invoke virtual method 'boolean android.animation.ValueAnimator.isRunning()' on a null object reference at com.eyalbira.loadingdots.LoadingDots.startAnimationIfAttached(LoadingDots.java:167) at com.eyalbira.loadingdots.LoadingDots.setVisibility(LoadingDots.java:148)

    I have LoadingDots_auto_play=false. I checked the code and found the issue here: private void startAnimationIfAttached() { if (mIsAttachedToWindow && !mAnimation.isRunning()) { mAnimation.start(); } }

    It seems that mAnimation is null when autoplay is false. You've added check whether mAnimation is null anywhere you are invoking methods on it but here :)

    opened by Zhelyazko 3
Owner
Eyal Biran
Eyal Biran
GitHub
Now deprecated. A small Android library allowing you to have a smooth and customizable horizontal indeterminate ProgressBar

Description Small library allowing you to make a smooth indeterminate progress bar. You can either user your progress bars and set this drawable or us

Antoine Merle 4.4k Dec 30, 2022
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
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
Android AlertDialog with moving dots progress indicator

Spots progress dialog Android AlertDialog with moving spots progress indicator packed as android library. =========== Usage The library available in m

Maksym Dybarskyi 1.1k Dec 26, 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
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
A loading animation based on Floating Action Button

FAB-Loading A loading animation based on Floating Action Button. Usage Include the LoadingView widget in your view: <io.saeid.fabloading.LoadingView

Saeed Masoumi 689 Oct 14, 2022
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

Roger 1.3k Dec 12, 2022
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

lsjwzh 1.1k Nov 19, 2022
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

Adrián Lomas 930 Dec 7, 2022
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

巴掌 828 Oct 10, 2022
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

Recruit Lifestyle Co. Ltd. 379 Jul 25, 2022
: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

null 411 Apr 24, 2022
Android loading animations

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

ybq 8.4k Jan 5, 2023
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

Saurabh kumar 1 Oct 26, 2022
a circle progress bar with effect

RingProgress a circle progress bar with effect #Preview ##Usage xml <com.ldoublem.ringPregressLibrary.RingProgress android:id="@+id/ring_prog

ldoublem 629 Nov 14, 2022
A customizable, animated progress bar that features rounded corners. This Android library is designed to look great and be simple to use 🎉

RoundedProgressBar Easy, Beautiful, Customizeable The RoundedProgressBar library gives you a wide range of customizable options for making progress ba

null 541 Jan 1, 2023