App 骨架屏效果,了解一下
点击“开发者技术前线”,选择“星标????”
在看|星标|留言, 真爱
以前做应用开发时,在数据尚未加载前一般会先给用户一个提示,最简单粗暴的方式就是菊花图,大多数做法是放一张有个性的静态图,示意正在加载数据,这样体验会好些,直到出现 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、大前端、程序员职业发展等方面都有很多干货文章输出,墙裂推荐大家也关注一下!