All Projects → ethanhua → Skeleton

ethanhua / Skeleton

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

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Skeleton

koleton
The easiest library to show skeleton screens in an Android app.
Stars: ✭ 84 (-97.51%)
Mutual labels:  placeholder, shimmer, loadingview, skeleton-loading
Bottomdrawer
BottomSheet with animations
Stars: ✭ 291 (-91.36%)
Mutual labels:  android-ui
Materiallettericon
Material first letter icon like lollipop contacts icon. Letter(s) on a shape drawn on canvas.
Stars: ✭ 255 (-92.43%)
Mutual labels:  android-ui
Cornersheet
Behavior to expand view from corner
Stars: ✭ 274 (-91.86%)
Mutual labels:  android-ui
Django Front
Django-front is a front-end editing Django application
Stars: ✭ 257 (-92.37%)
Mutual labels:  placeholder
Skeletonui
☠️ Elegant skeleton loading animation in SwiftUI and Combine
Stars: ✭ 275 (-91.83%)
Mutual labels:  placeholder
Xtimer Flutter App
Flutter timer app
Stars: ✭ 255 (-92.43%)
Mutual labels:  android-ui
Skeleton
Skeleton Android
Stars: ✭ 293 (-91.3%)
Mutual labels:  placeholder
Sqip
"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.
Stars: ✭ 3,074 (-8.73%)
Mutual labels:  placeholder
Touchdemo
Custom touch handling in Android
Stars: ✭ 273 (-91.89%)
Mutual labels:  android-ui
Carbon
Material Design implementation for Android 4.0+. Shadows, ripples, vectors, fonts, animations, widgets, rounded corners and more.
Stars: ✭ 2,942 (-12.65%)
Mutual labels:  android-ui
Sequent
A simple continuous animation library for Android UI.
Stars: ✭ 263 (-92.19%)
Mutual labels:  android-ui
Stickyscrollview
Sticky header and footer for android ScrollView.
Stars: ✭ 284 (-91.57%)
Mutual labels:  android-ui
Tableview
TableView is a powerful Android library for displaying complex data structures and rendering tabular data composed of rows, columns and cells.
Stars: ✭ 2,928 (-13.06%)
Mutual labels:  android-ui
Spedittool
An efficient and scalable library for inputing and displaying gif or @mention on graph-text mixed TextView/EditText
Stars: ✭ 292 (-91.33%)
Mutual labels:  android-ui
Handygridview
HandyGridView是一个高仿支付宝,网易新闻的高性能的标签可拖动排序的GridView。
Stars: ✭ 255 (-92.43%)
Mutual labels:  android-ui
Slidingrootnav
DrawerLayout-like ViewGroup, where a "drawer" is hidden under the content view, which can be shifted to make the drawer visible.
Stars: ✭ 2,939 (-12.74%)
Mutual labels:  android-ui
Spotlight
Android Library that lights items for tutorials or walk-throughs etc...
Stars: ✭ 3,143 (-6.68%)
Mutual labels:  android-ui
Wlemptystate
WLEmptyState is an iOS based component that lets you customize the view when the dataset of a UITableView or a UICollectionView is empty. We created a sample project with the WLEmptyState component to show how you can use it.
Stars: ✭ 305 (-90.94%)
Mutual labels:  placeholder
Xui
💍A simple and elegant Android native UI framework, free your hands! (一个简洁而优雅的Android原生UI框架,解放你的双手!)
Stars: ✭ 3,571 (+6.03%)
Mutual labels:  android-ui

Skeleton(Deprecated)

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].