luis-jaramillo/skeleton

Update skeleton to android x

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.lfjaramillos:skeleton:1.0'
	}

	dependencies {
		implementation("com.github.lfjaramillos:skeleton:1.0")
	}

	<dependency>
	    <groupId>com.github.lfjaramillos</groupId>
	    <artifactId>skeleton</artifactId>
	    <version>1.0</version>
	</dependency>


                            
    libraryDependencies += "com.github.lfjaramillos" % "skeleton" % "1.0"


                            
    :dependencies [[com.github.lfjaramillos/skeleton "1.0"]]

Readme

Skeleton

The library provides an easy way to show skeleton loading view like Facebook and Alipay. It now uses a memory optimised version of shimmer animation so it is even faster and you can animate bigger layouts as well.

Preview

Demo Apk

you can scan the qrcode for download demo apk

Feature

Light
Noninvasive, you don't need to make changes to existing code.
Wide applicability，it is available for all views
Memory optimised

Getting started

In your build.gradle:

dependencies {
       implementation 'com.ethanhua:skeleton:1.1.2'
       implementation 'io.supercharge:shimmerlayout:2.1.0'
    }

Usage

For RecyclerView:

skeletonScreen = Skeleton.bind(recyclerView)
                              .adapter(adapter)
                              .load(R.layout.item_skeleton_news)
                              .show();

For View:

skeletonScreen = Skeleton.bind(rootView)
                              .load(R.layout.layout_img_skeleton)
                              .show();

More Config:

.shimmer(true)      // whether show shimmer animation.                      default is true
.count(10)          // the recycler view item count.                        default is 10
.color(color)       // the shimmer color.                                   default is #a2878787
.angle(20)          // the shimmer angle.                                   default is 20;
.duration(1000)     // the shimmer animation duration.                      default is 1000;
.frozen(false)      // whether frozen recyclerView during skeleton showing  default is true;

when data return you can call the method to hide skeleton loading view

skeletonScreen.hide()

# Thanks

https://github.com/team-supercharge/ShimmerLayout