这篇的内容是介绍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();