Android 骨架屏效果,了解一下

栏目: IOS · Android · 发布时间: 6年前

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

Android 骨架屏效果,了解一下

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

1、ShimmerRecyclerView

简介

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

效果预览

Android 骨架屏效果,了解一下

Android 骨架屏效果,了解一下

源码地址

https://github.com/sharish/ShimmerRecyclerView

2、Skeleton

简介

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

效果预览

Android 骨架屏效果,了解一下

Android 骨架屏效果,了解一下

源码地址

https://github.com/ethanhua/Skeleton

3、spruce-android

简介

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

效果预览

Android 骨架屏效果,了解一下

源码地址

https://github.com/willowtreeapps/spruce-android


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Designing Data-Intensive Applications

Designing Data-Intensive Applications

Martin Kleppmann / O'Reilly Media / 2017-4-2 / USD 44.99

Data is at the center of many challenges in system design today. Difficult issues need to be figured out, such as scalability, consistency, reliability, efficiency, and maintainability. In addition, w......一起来看看 《Designing Data-Intensive Applications》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

在线进制转换器
在线进制转换器

各进制数互转换器

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具