Skelly

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.

Customization

• 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.

How to use

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

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

Automatic substitution with SkeletonView

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.

Install

Add the following dependency to your build.gradle script:

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

License

Copyright (c) 2021 Daniil Popov

Licensed under the MIT License.