https://github.com/ethanhua/Skeleton

A library provides an easy way to show skeleton loading view like Facebook and Alipay
https://github.com/ethanhua/Skeleton

android-library android-ui loadingview placeholder shimmer skeleton-loading stateview

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ethanhua/Skeleton
• Owner: ethanhua
• Created: 2017-07-30T06:42:39.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2021-07-31T07:30:24.000Z (over 3 years ago)
• Last Synced: 2024-08-09T13:15:01.939Z (6 months ago)
• Topics: android-library, android-ui, loadingview, placeholder, shimmer, skeleton-loading, stateview
• Language: Java
• Homepage:
• Size: 16.2 MB
• Stars: 3,660
• Watchers: 47
• Forks: 451
• Open Issues: 28
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Skeleton(Deprecated)

[![GitHub license](https://img.shields.io/badge/license-Apache%20License%202.0-blue.svg?style=flat)](http://www.apache.org/licenses/LICENSE-2.0)  

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](screenshots/01.gif)

![img](screenshots/02.gif)

![img](screenshots/03.gif)

![img](screenshots/04.gif)

# Demo Apk

you can scan the qrcode for download demo apk

![](screenshots/qrcode.png)

# 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:

  ```java

  skeletonScreen = Skeleton.bind(recyclerView)

                                .adapter(adapter)

                                .load(R.layout.item_skeleton_news)

                                .show();

  ``` 

       

                                

                         

  For View:

  ```java

  skeletonScreen = Skeleton.bind(rootView)

                                .load(R.layout.layout_img_skeleton)

                                .show();

  ```    

       

                                

                       

  More Config:

  ```java

  .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 

   ```java

  skeletonScreen.hide()

   ```

       

        

 # Thanks

 

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