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

最新推荐文章于 2025-09-01 14:58:11 发布

原创

最新推荐文章于 2025-09-01 14:58:11 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #骨架屏

本文详细介绍了Android骨架屏实现库Piccolo的实现思路，包括占位效果、标记显示位置、列表支持等方面。Piccolo使用Drawable实现动效，通过自定义Shining接口控制动画，并提供PiccoloLayout用于标记和显示占位效果。对于RecyclerView，Piccolo通过ConductorForAdapter进行Adapter的替换以实现骨架屏效果。

这篇的内容是介绍Piccolo的思路以及主要实现过程。

实现思路

要实现骨架屏占位加载，要解决以下几个问题：

实现占位效果
标记显示位置
对列表的支持

实现占位效果

为了便于自定义占位效果，以及更低的内存消耗，选择比View更轻量级的Drawable实现占位效果。

Piccolo提供了两种加载效果ImageShiningDrawable和TextShiningDrawable，其主要实现都是基于ShiningDrawable。类图关系如下：

ShiningDrawable实现了Shining接口，Shining接口对外提供动画控制方法。如果自定义有动效的Drawable，那么只需要实现Shining接口框架便会正确处理。

ShiningDrawable主要是让shader(着色器)平移变换，每次变换重新绘制来实现动效：

public ShiningDrawable(Shape s) {
    super(s);
    mMatrix = new Matrix();
    ValueAnimator.AnimatorUpdateListener listener = animation -> {
        mMatrix.setTranslate((Integer) animation.getAnimatedValue(), 0);
        if (mShader != null) {
            mShader.setLocalMatrix(mMatrix);
        }
        invalidateSelf();
    };
    mAnimator = ValueAnimator.ofInt().setDuration(1000);
    mAnimato