App 骨架屏效果,了解一下

点击“ 开发者技术前线 ”,选择“星标:top:”

在看|星标|留言,  真爱

以前做应用开发时,在数据尚未加载前一般会先给用户一个提示,最简单粗暴的方式就是菊花图,大多数做法是放一张有个性的静态图,示意正在加载数据,这样体验会好些,直到出现 Skeleton Screen(中文一般叫做骨架屏)极大地提升用户感知体验。其实一开始我并不知道这个效果叫什么名字,后来在 GitHub 看到有人开源了,赶紧 Star。今天我给大家推荐几个 Skeleton Screen 相关库,来了解学习一波。

1、ShimmerRecyclerView

简介

A custom recycler view with shimmer views to indicate that views are loading (英语渣渣,这句话始终翻译不顺/捂脸)。

效果预览

源码地址

https://github.com/sharish/ShimmerRecyclerView

2、Skeleton

简介

这个库提供了一种显示骨架加载视图的简便方法,它现在使用闪存动画的内存优化版本,因此速度更快,您也可以设置更大的布局动画。

效果预览

源码地址

https://github.com/ethanhua/Skeleton

3、spruce-android

简介

Spruce 是一个轻量级动画库,可帮助编排屏幕上的动画。该库同时支持 iOS。

效果预览

后台回复关键字: 骨架屏 ” ,可以获取一 源码。

作者介绍:这篇文章来自公众号「吴小龙同学」,据我了解,号主是一个非常爱折腾的一线码农,目前在国内 TOP 3 ODM 手机厂商上班,看他常年乐于分享,涉及很广,在 Java、Python、Android、大前端、程序员职业发展等方面都有很多干货文章输出,墙裂推荐大家也关注一下!

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章