Skelly is a tiny library for displaying skeletons while the content itself is loading. All skeletons are completely synchronized across the whole application no matter how many of them visible on a screen at the moment.

• Start color of gradient animation (0xFFCCCCCC by default)
• End color of gradient animation (0xFF444444 by default)
• Corner radius (half height by default)

The parameters from above can be set up both in xml-layout and source code.

Just add it to your xml-layout:

<com.dpforge.skelly.SkeletonView
    android:id="@+id/skeleton"
    android:layout_width="match_parent"
    android:layout_height="48dp" />

Keep in mind that SkeletonView has no size so wrap_content does not work properly.

Sample project will show you how to use skelly library in you Android application.

There is an experimental feature called SkeletonLayoutFactory. It allows you to take any regular layout and replace all views with SkeletonView. Fully automated!

You can take any xml-layout and turn it into skeleton-layout:

SkeletonLayoutFactory.Default.inflateFrom(
    context = this,
    layoutId = R.layout.avatar_title_subtitle,
    parent = container,
    attachToRoot = true
)

For more information please have a look at factory sample.

Add the following dependency to your build.gradle script:

dependencies {
    implementation 'com.dpforge:skelly:1.0.1'
}

Copyright (c) 2021 Daniil Popov

Licensed under the MIT License.