App 骨架屏效果,了解一下

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

在看|星标|留言,  真爱

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

1、ShimmerRecyclerView

简介

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

效果预览

640?wx_fmt=gif

640?wx_fmt=gif

源码地址

https://github.com/sharish/ShimmerRecyclerView

2、Skeleton

简介

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

效果预览

640?wx_fmt=gif

640?wx_fmt=gif

源码地址

https://github.com/ethanhua/Skeleton

3、spruce-android

简介

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

效果预览


640?wx_fmt=gif

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


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


640?wx_fmt=jpeg

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值