一圖勝千言

偷過別人能量的小夥伴都熟悉這個載入效果，下面就講解一下實現過程。

1，自定義view

2，這裡要用到螞蟻森林的圖示，如圖

通過canvas.drawBitmap()畫出圖片。

3，通過PorterDuff.Mode.SRC_IN，給圖片填充想要的顏色。

4，通過ValueAnimator實現往復動畫。

下面從第二步開始講解。

一，繪製圖標

通過BitmapFactory.decodeResource()獲取到資原始檔中的圖片資源

dstBmp = BitmapFactory.decodeResource(getResources(), R.mipmap.ant_forest);
 

然後通過canvas.drawBitmap()繪製圖片

// 畫背景色
canvas.drawColor(Color.parseColor("#01507d"));
// 座標原點移動到螢幕中心
canvas.translate(mWidth / 2, mHeight / 2);
// 繪製圖片
canvas.drawBitmap(dstBmp, -dstWidth, -dstHeight, mPaint);

其中dstWidth和dstHeight分別是dstBmp的寬高。

這樣就在螢幕中心繪製出了圖片。

二，繪製填充色