Skip to content

A library provides an easy way to show skeleton loading view like Facebook and Alipay

Notifications You must be signed in to change notification settings

SkywalkerDarren/Skeleton

Repository files navigation

Skeleton

GitHub license
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

img img img img

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.skywalkerdarren:skeleton:2.0.1'
}

Usage

For RecyclerView:

skeletonScreen = Skeleton.bind(recyclerView)
                              .adapter(adapter)                        // your actual adapter
                              .load(R.layout.item_skeleton_news)       // skeleton item layout
                              .build()
                              .show()

 For View:

skeletonScreen = Skeleton.bind(rootView)
                              .load(R.layout.layout_img_skeleton)
                              .build()
                              .show()
 .shimmer(true)                      // whether show shimmer animation.                       default is true
 .useAlpha(true)                     // use alpha mode or color mode.                         default is true
 .baseAlpha(0.4f)                    // the shimmer base alpha.                               default is 0.4f
 .alpha(1f)                          // the shimmer highlight alpha.                          default is 1f
 .baseColor(color)                   // the shimmer base color.                               default is #80878787
 .color(color)                       // the shimmer color.                                    default is #a2878787
 .shape(Shape.LINEAR)                // the shimmer shape.                                    default is Shape.LINEAR
 .angle(20)                          // the shimmer angle.                                    default is 20;
 .direction(Direction.LEFT_TO_RIGHT) // the shimmer animation direction.                      default is Direction.LEFT_TO_RIGHT
 .duration(1000L)                    // the shimmer animation duration.                       default is 1000L
 .repeatMode(RepeatMode.RESTART)     // the animation repeat mode.                            default is RepeatMode.RESTART
 .repeatCount(-1)                    // the animation repeat count.(-1 is infinite)           default is -1
 .repeatDelay(0L)                    // delay in between repeats of the shimmering animation. default is 0L
 .count(10)                          // the recycler view item count.                         default is 10
 .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

About

A library provides an easy way to show skeleton loading view like Facebook and Alipay

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Kotlin 100.0%