Android 骨架屏效果

作者: 因为我的心 | 来源:发表于2020-08-12 14:27 被阅读0次

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

1、ShimmerRecyclerView

简介

A custom recycler view with shimmer views to indicate that views are loading

效果预览

image image

源码地址

https://github.com/sharish/ShimmerRecyclerView

2、Skeleton

简介

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

效果预览

image image

源码地址

https://github.com/ethanhua/Skeleton

3、spruce-android

简介

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

效果预览

image

源码地址

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

4、Broccoli

在预加载时显示view的占位符效果
https://github.com/samlss/Broccoli/blob/master/README_CN.md

5、个人推荐

Android高级架构师群;878873098。欢迎大家加入交流,畅谈!本群有免费学习资料视频;本群提供免费的学习指导 架构资料 以及免费的解答,不懂得问题都可以在本群提出来 之后还会有职业生涯规划以及面试指导(不感兴趣的话大家可以无视哈)


参考链接:https://www.jianshu.com/p/b0f4c23d59e9

相关文章

  • Android 骨架屏效果

    以前做应用开发时,在数据尚未加载前一般会先给用户一个提示,最简单粗暴的方式就是菊花图,大多数做法是放一张有个性的静...

  • Android 骨架屏效果,了解一下

    以前做应用开发时,在数据尚未加载前一般会先给用户一个提示,最简单粗暴的方式就是菊花图,大多数做法是放一张有个性的静...

  • Android 骨架屏效果,了解一下

    以前做应用开发时,在数据尚未加载前一般会先给用户一个提示,最简单粗暴的方式就是菊花图,大多数做法是放一张有个性的静...

  • ios - 原生骨架屏,网络加载过渡动画的封装

    效果图 闪光灯模式 骨架屏模式 经典动画模式 闪光灯动画.gif 只有骨架屏.gif 经典动画.gif 本项目思维...

  • 【CSS】骨架屏 Skeleton

    CSS 骨架屏 Skeleton 效果[https://zhuanlan.zhihu.com/p/40435225...

  • iOS常用库列表

    1、TABAnimated 骨架屏参考链接 CocoaPods pod 'TABAnimated' 骨架屏自动生成...

  • 一种自动化生成骨架屏的方案

    今天分享的主题是:「一种自动化生成骨架屏的方案」, 先看下市场上常见的骨架屏优化效果。 今天的分享主要分为三个部分...

  • 骨架屏( Skeleton Screen )

    骨架屏 什么是骨架屏 骨架屏英文叫 Skeleton Screen,也被称为加载占位图。它是在页面数据尚未加载前先...

  • 骨架屏

    一、简介 1.1 骨架屏 SPA应用,由于初始的html内部只有一个空的div,需要等待 js、css加载编译完成...

  • 骨架屏

    https://www.jb51.net/article/140019.htm

网友评论

    本文标题:Android 骨架屏效果

    本文链接:https://www.haomeiwen.com/subject/yeopdktx.html