ratm/loading-dots

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

Download

Step 1. Add the JitPack repository to your build file

Add it in your root settings.gradle at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url 'https://jitpack.io' }
		}
	}

Add it in your settings.gradle.kts at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url = uri("https://jitpack.io") }
		}
	}

Add to pom.xml

	<repositories>
		<repository>
		    <id>jitpack.io</id>
		    <url>https://jitpack.io</url>
		</repository>
	</repositories>

Add it in your build.sbt at the end of resolvers:

 
    resolvers += "jitpack" at "https://jitpack.io"

Add it in your project.clj at the end of repositories:

 
    :repositories [["jitpack" "https://jitpack.io"]]

Step 2. Add the dependency

	dependencies {
		implementation 'com.github.ratm:loading-dots:'
	}
	dependencies {
		implementation("com.github.ratm:loading-dots:")
	}
	<dependency>
	    <groupId>com.github.ratm</groupId>
	    <artifactId>loading-dots</artifactId>
	    <version></version>
	</dependency>

                            
    libraryDependencies += "com.github.ratm" % "loading-dots" % ""
        
        

                            
    :dependencies [[com.github.ratm/loading-dots ""]]

Readme

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"/>