Android实现骨架屏占位加载效果(一)

最新推荐文章于 2025-06-03 09:10:27 发布
最新推荐文章于 2025-06-03 09:10:27 发布
阅读量1.6k 收藏 3
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ws_lm/article/details/116932298
本文介绍了Android骨架屏的实现，支持View、RecyclerView、ListView、ViewPager等组件，并提供了统一的API和内存优化。通过PiccoloLayout标记View，可配置动画、边距等属性。同时，提供了ConductorForView和ConductorForAdapter在Adapter中的使用方法，方便在各种列表中应用。项目已开源，欢迎查看github地址并加入相关交流群进行讨论。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Android骨架屏，支持单独View、RecyclerView、ListView、GridView、ViewPager。相比其他框架有更加统一的api，以及内存优化。

效果图

View效果

RecyclerView效果

ListView效果

ViewPager效果

20210427_180111_57

Gradle引用

dependencies {
    implementation 'io.github.wslaimin:piccolo:1.0.0'
}

使用

PiccoloLayout标记View

<com.lm.piccolo.view.PiccoloLayou
最低0.47元/天 解锁文章

200万优质内容无限畅学
ws_lm
关注
Android实现骨架屏占位加载效果(二)
ws_lm的博客
05-21 1139
这篇的内容是介绍Piccolo的思路以及主要实现过程。 实现思路 要实现骨架屏占位加载，要解决以下几个问题： 实现占位效果 标记显示位置 对列表的支持 实现占位效果 为了便于自定义占位效果，以及更低的内存消耗，选择比View更轻量级的Drawable实现占位效果。 Piccolo提供了两种加载效果ImageShiningDrawable和TextShiningDrawable，其主要实现都是基于ShiningDrawable。类图关系如下： ShiningDrawable实现了Shining接口，Sh
android加载骨骼动画,Android骨架屏的实现
weixin_32442555的博客
05-26 3357
来源：APP研发 - 毕霞实现思路目前我们项目用到的骨架屏在列表页及商品详情页，所以我的项目里将骨架屏分为两个模块，一个是针对list这种多个view要预加载的，另一种针对一个页面某个view需要预加载的情况。List部分在Android端，通常用RecyclerView+Adapter+ViewHolder来实现列表加载视图，Adapter作为适配器用来将各种数据以合适的形式显示到Recycle...
Android中的骨架屏加载预览
qq_34453595的博客
08-03 850
在设计app的时候，我们会考虑很多方面，在加载耗时数据时，一个好一点的效果会增加用户对加载速度的容忍度，目前app上的加载效果有很多种，比如ios的菊花图，还有就是使用Lottie库播放的json动画，而我们今天介绍的是另外一种: 骨架屏，这个效果在一些信息流app(比如新闻类)上比较常见，一般都是一个列表，在加载数据时为了避免画面太生硬，通常会使用一个骨架屏，提前将UI结构以灰色呈现给用户，等数据响应成功时，直接渲染上去，给用户一种无缝填入的感觉，当然这种效果也是优于ProgressBar的。
安卓Compose实现鱼骨加载中效果
最新发布
分享Android应用和系统开发、音视频编码、性能优化相关知识
06-03 729
kotlin compose 鱼骨加载中效果
Android中的骨架加载预览（Skeleton），RecycleView加载数据前的预览
热门推荐
lidongxiu0714
02-13 1万+
1 Skeleton是骨架加载预览 简介 Skeleton是骨架加载预览中一个好用的库https://github.com/ethanhua/Skeleton，以https://github.com/team-supercharge/ShimmerLayout ShimmerLayout为基础，不用修改已有代码逻辑就可以轻松实现view的加载预览。 A library provides an e...
Android开源 Skeleton 骨架屏
一个从事Android开发的平凡工程师
08-06 4051
骨架屏的作用是在网络请求较慢时，提供基础占位，当数据加载完成后，恢复数据展示。它可以给用户一种很自然的过渡，避免页面长时间白屏或者闪烁等情况。Skeleton 除实现静态的骨架图展示和新增了骨架屏闪烁动画，骨架屏动画是指在页面加载时，先显示一个简单的页面框架（骨架屏），然后再加载实际的页面内容。这样可以让用户在等待页面加载的过程中，先看到一个基本的页面结构，避免了空白页面的尴尬和用户的无知情况。骨架屏动画的优点是可以提高用户体验，让用户感觉页面加载更快，同时也可以减轻服务器的压力。
Android-AndroidVeil一个实现面纱骨架和微光动画的Android库
08-13
AndroidVeil库特别强调支持RecyclerView，这意味着开发者可以在列表或网格视图中应用骨架屏效果。在数据未完全加载时，用户可以看到预览的骨架，增加了数据加载过程的平滑感。 3. **微光动画（Glow Effect）** ...
Android Broccoli骨架屏占位技术解析
总的来说，Broccoli为Android应用开发提供了一个高效的骨架屏解决方案，通过减少用户对应用加载时间的感知，从而提升整体的用户体验。对于希望在移动应用中实现快速和专业级骨架屏功能的开发者来说，Broccoli是一个...
android 自定义加载动画效果,Android自定义加载动画
weixin_30385221的博客
05-25 321
自定义动画知识点：绘制Invalidate触发绘制(刷新)ValueAnimator属性动画canvas画布的一些操作：translate(重新映射画布上的 (0,0) 位置)，alpha，scale(缩放当前绘图至更大或更小)，rotate(旋转当前绘图)绘制图前先理清图像的关系：比如圆的半径，圆心在屏幕的位置1、创建动画的类继承view，并实现构造函数2、定义动画图像的各种属性：半径、间距要画...
Xamarin.Android 实现正在加载动画效果
luna_12200的博客
08-25 2163
通过添加不同帧数的图片，来实现自己想要的动画效果的在正在加载。。。 第一步： Resources/drawable 目录下添加每一帧的图片，我设定了18帧 第二步：实现动画效果,drawable下新建页面 loading_anim.xml
Android-AutoSkeleton类似Facebook和Alipay的骨架加载loading动画库自动识别“骨骼”自动绘制
08-13
AutoSkeleton 类似Facebook和Alipay的骨架加载loading动画库, 自动识别“骨骼”，自动绘制
android-skeleton-project:带有大量样板代码和实用程序的 Android 骨架项目
06-26
android-骨架-项目 这是我在开始一个新项目时使用的 Android Skeleton 项目。 它包含各种实用程序、修复程序、样板代码和我经常使用的东西，并且已经使用 Android 开发了超过 5 年。 它并不意味着要在设备上运行，所以不要尝试。 它只是一个带有一些简洁抽象的基本架构。 如果您将使用此框架应用程序进行开发，如果您能以您认为令人满意的方式向我发送“感谢”，我将非常感激=) 如果您需要解释某些内容，请随时给我发送消息。 以下是骨架中的内容列表：:: 支持手机和平板电脑的架构 values-sw600dp、values-xlarge 和 values 文件夹中的 settings.xml 描述了它是否是平板电脑 :: 所有活动都来自具有最新支持库的 FragmentActivity :: BaseContext 实现可用于所有 Activites 和 Fragmen
Android内容预加载View占位
08-17
类似于淘宝消息，网易云课堂的内容预加载效果，先闪烁显示内容占据的区域，等加载完成后显示实际内容。
Android 骨架屏效果，了解一下
2301_82242988的博客
04-11 448
A custom recycler view with shimmer views to indicate that views are loading （英语渣渣，这句话始终翻译不顺/捂脸）。这个库提供了一种显示骨架加载视图的简便方法，它现在使用闪存动画的内存优化版本，因此速度更快，您也可以设置更大的布局动画。
android 自定义加载动画效果,Android自定义加载动画-舞动阶梯
weixin_42213784的博客
05-25 277
Android自定义动画系列十四，今天来分享第14个自定义动画，一个递增的楼梯动画(STAIRS_CIRCLE)，此动画灵感来自于评论区，很感谢。原文链接：查看原文介绍废话不多说，先看看效果吧，如下：系列十四.gif正文今天在简书收到了一个评论，内容大致如下：可不可以来一个自增的阶梯动画？看到这条评论后，我很激动，突然又有了当年写Android代码的热情了。虽然我已经一年多不在开发Android应...
android 自定义加载动画效果,Android自定义加载动画库zLoading
weixin_39542936的博客
05-25 312
Android自定义动画总结更新一下，增加了对话框Dialog模式，今天来简单的分享下如何使用吧。效果图如下：GIF有点大，手机流量请三思。效果图演示效果动画1演示效果动画2目前拥有的类型：索引类名枚举值(Z_TYPE)昵称0CircleBuilderCIRCLE圆1ClockBuilderCIRCLE_CLOCK计时器2StarBuilderSTAR_LOADING跳舞的星星3LeafBuild...
安卓架构图
XiaoT001的博客
03-11 178
安卓上的 3D 模型加载 和骨骼动画 库 SceneView
Mine
02-23 2054
android 3d 模型加载库 可以实现骨骼动画
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值