// 頭像信息類，記錄大小、位置等信息
private static class DrawableInfo {
 int mId = View.NO_ID;
 Drawable mDrawable;
 // 中心點位置
 float mCenterX;
 float mCenterY;
 // 頭像上缺口弧所在圓上的圓心位置，其實就是下一個相鄰頭像的中心點
 float mGapCenterX;
 float mGapCenterY;
 boolean mHasGap;
 // 頭像邊界
 final RectF mBounds = new RectF();
 // 圓形蒙板路徑，把頭像弄成圓形
 final Path mMaskPath = new Path();
}

private void layoutDrawables() {
 mSteinerCircleRadius = 0;
 mOffsetY = 0;

 int width = getWidth() - getPaddingLeft() - getPaddingRight();
 int height = getHeight() - getPaddingTop() - getPaddingBottom();

 mContentSize = Math.min(width, height);
 final List<DrawableInfo> drawables = mDrawables;
 final int N = drawables.size();
 float center = mContentSize * .5f;
 if (mContentSize > 0 && N > 0) {
 // 圖像圓的半徑。
 final float r;
 if (N == 1) {
  r = mContentSize * .5f;
 } else if (N == 2) {
  r = (float) (mContentSize / (2 + 2 * Math.sin(Math.PI / 4)));
 } else if (N == 4) {
  r = mContentSize / 4.f;
 } else {
  r = (float) (mContentSize / (2 * (2 * Math.sin(((N - 2) * Math.PI) / (2 * N)) + 1)));
  final double sinN = Math.sin(Math.PI / N);
  // 以所有圖像圓為內(nèi)切圓的圓的半徑
  final float R = (float) (r * ((sinN + 1) / sinN));
  mOffsetY = (float) ((mContentSize - R - r * (1 + 1 / Math.tan(Math.PI / N))) / 2f);
 }

 // 初始化第一個頭像的中心位置
 final float startX, startY;
 if (N % 2 == 0) {
  startX = startY = r;
 } else {
  startX = center;
  startY = r;
 }

 // 變換矩陣
 final Matrix matrix = mLayoutMatrix;
 // 坐標點臨時數(shù)組
 final float[] pointsTemp = this.mPointsTemp;

 matrix.reset();

 for (int i = 0; i < drawables.size(); i++) {
  DrawableInfo drawable = drawables.get(i);
  drawable.reset();

  drawable.mHasGap = i > 0;
  // 缺口弧的中心
  if (drawable.mHasGap) {
  drawable.mGapCenterX = pointsTemp[0];
  drawable.mGapCenterY = pointsTemp[1];
  }

  pointsTemp[0] = startX;
  pointsTemp[1] = startY;
  if (i > 0) {
  // 以上一個圓的圓心旋轉計算得出當前圓的圓位置
  matrix.postRotate(360.f / N, center, center + mOffsetY);
  matrix.mapPoints(pointsTemp);
  }

  // 取出中心點位置
  drawable.mCenterX = pointsTemp[0];
  drawable.mCenterY = pointsTemp[1];

  // 設置邊界
  drawable.mBounds.inset(-r, -r);
  drawable.mBounds.offset(drawable.mCenterX, drawable.mCenterY);

  // 設置“蒙板”路徑
  drawable.mMaskPath.addCircle(drawable.mCenterX, drawable.mCenterY, r, Path.Direction.CW);
  drawable.mMaskPath.setFillType(Path.FillType.INVERSE_WINDING);
 }

 // 設置第一個頭像的缺口，頭像數(shù)量少于3個的時候沒有
 if (N > 2) {
  DrawableInfo first = drawables.get(0);
  DrawableInfo last = drawables.get(N - 1);
  first.mHasGap = true;
  first.mGapCenterX = last.mCenterX;
  first.mGapCenterY = last.mCenterY;
 }

 mSteinerCircleRadius = r;
 }

 invalidate();
}

drawable.mMaskPath.addCircle(drawable.mCenterX, drawable.mCenterY, r, Path.Direction.CW);
drawable.mMaskPath.setFillType(Path.FillType.INVERSE_WINDING);

@Override
protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 ...
 canvas.translate(0, mOffsetY);

 final Paint paint = mPaint;
 final float gapRadius = mSteinerCircleRadius * (mGap + 1f);
 for (int i = 0; i < drawables.size(); i++) {
  DrawableInfo drawable = drawables.get(i);
  RectF bounds = drawable.mBounds;
  final int savedLayer = canvas.saveLayer(0, 0, mContentSize, mContentSize, null, Canvas.ALL_SAVE_FLAG);

  // 設置Drawable的邊界
  drawable.mDrawable.setBounds((int) bounds.left, (int) bounds.top,
    Math.round(bounds.right), Math.round(bounds.bottom));
  // 繪制Drawable
  drawable.mDrawable.draw(canvas);

  // 繪制“蒙板”路徑，將Drawable繪制的圖像“剪”成圓形
  canvas.drawPath(drawable.mMaskPath, paint);
  // “剪”出弧形的缺口
  if (drawable.mHasGap && mGap > 0f) {
   canvas.drawCircle(drawable.mGapCenterX, drawable.mGapCenterY, gapRadius, paint);
  }

  canvas.restoreToCount(savedLayer);
 }
}

public interface Callback {
 /**
  * 當drawable需要重新繪制時調(diào)用。此時的view應該使其自身失效(至少drawable展示部分失效)
  * @param who 要求重新繪制的drawable
  */
 void invalidateDrawable(@NonNull Drawable who);

 /**
  * drawable可以通過調(diào)用該方法來安排動畫的下一幀。
  * @param who 要預定的drawable
  * @param what 要執(zhí)行的動作
  * @param when 執(zhí)行的時間（以毫秒為單位），基于android.os.SystemClock.uptimeMillis()
  */
 void scheduleDrawable(@NonNull Drawable who, @NonNull Runnable what, long when);

 /**
  * drawable可以通過調(diào)用該方法來取消先前通過scheduleDrawable(Drawable, Runnable, long)調(diào)度的動作。
  * @param who 要取消預定的drawable
  * @param what 要取消執(zhí)行的動作
  */
 void unscheduleDrawable(@NonNull Drawable who, @NonNull Runnable what);
}

protected boolean verifyDrawable(@NonNull Drawable who) {
 // ...
 return who == mBackground || (mForegroundInfo != null && mForegroundInfo.mDrawable == who);
}

private boolean hasSameDrawable(Drawable drawable) {
 for (DrawableInfo d : mDrawables) {
  if (d.mDrawable == drawable) {
   return true;
  }
 }
 return false;
}

@Override
protected boolean verifyDrawable(@NonNull Drawable drawable) {
 return hasSameDrawable(drawable) || super.verifyDrawable(drawable);
}

// 狀態(tài)改變時被調(diào)用
@Override
protected void drawableStateChanged() {
 super.drawableStateChanged();
 boolean invalidate = false;
 for (DrawableInfo drawable : mDrawables) {
  Drawable d = drawable.mDrawable;
  // 判斷Drawable是否支持狀態(tài)并更新狀態(tài)
  if (d.isStateful() && d.setState(getDrawableState())) {
   invalidate = true;
  }
 }
 if (invalidate) {
  invalidate();
 }
}

// 這個方法主要針對狀態(tài)改變時有過渡動畫的Drawable
@Override
public void jumpDrawablesToCurrentState() {
 super.jumpDrawablesToCurrentState();
 for (DrawableInfo drawable : mDrawables) {
  drawable.mDrawable.jumpToCurrentState();
 }
}