public class LQRRefreshButton extends View {
  // 圆角矩形属性
  private int borderColor = Color.parseColor("#fb7299");
  private float borderWidth = 0;
  private float borderRadius = 120;
  // 文字属性
  private String text = "点击换一批";
  private int textColor = Color.parseColor("#fb7299");
  private float textSize = 28;
  // 旋转图标属性
  private int iconSrc = R.mipmap.tag_center_refresh_icon;
  private float iconSize = 28;
  private Bitmap iconBitmap;
  private float space4TextAndIcon = 20;
  // 画笔
  private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  public LQRRefreshButton(Context context) {
    this(context, null);
  }
  public LQRRefreshButton(Context context, @Nullable AttributeSet attrs) {
    this(context, attrs, 0);
  }
  public LQRRefreshButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    // 将图标资源实例化为Bitmap
    iconBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.tag_center_refresh_icon);
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 1、画圆角矩形
    // 2、画字
    // 3、画刷新图标
  }
}

@Override
protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  // 1、画圆角矩形
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setColor(borderColor);
  mPaint.setStrokeWidth(borderWidth);
  canvas.drawRoundRect(new RectF(0, 0, getWidth(), getHeight()), borderRadius, borderRadius, mPaint);
  // 2、画字
  mPaint.setTextSize(textSize);
  mPaint.setColor(textColor);
  mPaint.setStyle(Paint.Style.FILL);
  float measureText = mPaint.measureText(text);
  float measureAndIcon = measureText + space4TextAndIcon + iconSize;
  float textStartX = getWidth() / 2 - measureAndIcon / 2;
  float textBaseY = getHeight() / 2 + (Math.abs(mPaint.ascent()) - mPaint.descent()) / 2;
  canvas.drawText(text, textStartX, textBaseY, mPaint);
  // 3、画刷新图标
  float iconStartX = textStartX + measureText + space4TextAndIcon;
  canvas.drawBitmap(iconBitmap, iconStartX, getHeight() / 2 - iconSize / 2, mPaint);
}

// 1、画圆角矩形
if (borderWidth > 0) {
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setColor(borderColor);
  mPaint.setStrokeWidth(borderWidth);
  canvas.drawRoundRect(new RectF(0, 0, getWidth(), getHeight()), borderRadius, borderRadius, mPaint);
}

// 得到文字长度
float measureText = mPaint.measureText(text);
// 得到 文字长度+空隙+旋转图标宽度
float measureAndIcon = measureText + space4TextAndIcon + iconSize;
// 得到文字绘制起点
float textStartX = getWidth() / 2 - measureAndIcon / 2;

float textBaseY = getHeight() / 2 + (Math.abs(mPaint.ascent()) - mPaint.descent()) / 2;

public class LQRRefreshButton extends View {
  ...
  public LQRRefreshButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    // icon
    iconBitmap = BitmapFactory.decodeResource(getResources(), iconSrc);
    iconBitmap = zoomImg(iconBitmap, iconSize, iconSize);
  }
  public Bitmap zoomImg(Bitmap bm, float newWidth, float newHeight) {
    // 获得图片的宽高
    int width = bm.getWidth();
    int height = bm.getHeight();
    // 计算缩放比例
    float scaleWidth = ((float) newWidth) / width;
    float scaleHeight = ((float) newHeight) / height;
    // 取得想要缩放的matrix参数
    Matrix matrix = new Matrix();
    matrix.postScale(scaleWidth, scaleHeight);
    // 得到新的图片
    Bitmap newbm = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
    return newbm;
  }
  ...
}

canvas.save();
canvas.rotate(degress, centerX, centerY);
canvas.drawBitmap(iconBitmap, iconStartX, getHeight() / 2 - iconSize / 2, mPaint);
canvas.restore();

public class LQRRefreshButton extends View {
  ...
  private float degress = 0;
  private ObjectAnimator mAnimator;
  public LQRRefreshButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    // 旋转动画
    mAnimator = ObjectAnimator.ofObject(this, "degress", new FloatEvaluator(), 360, 0);
    mAnimator.setDuration(2000);
    mAnimator.setRepeatMode(ObjectAnimator.RESTART);
    mAnimator.setInterpolator(new LinearInterpolator());
    mAnimator.setRepeatCount(ObjectAnimator.INFINITE);
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    ...
    // 3、画刷新图标
    float iconStartX = textStartX + measureText + space4TextAndIcon;
    canvas.save();
    float centerX = iconStartX + iconSize / 2;
    int centerY = getHeight() / 2;
    canvas.rotate(degress, centerX, centerY);
    canvas.drawBitmap(iconBitmap, iconStartX, getHeight() / 2 - iconSize / 2, mPaint);
    canvas.restore();
  }
  public void start() {
    mAnimator.start();
  }
  public void stop() {
    mAnimator.cancel();
    setDegress(0);
  }
  public float getDegress() {
    return degress;
  }
  public void setDegress(float degress) {
    this.degress = degress;
    invalidate();
  }
}

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <declare-styleable name="LQRRefreshButton">
    <attr name="refresh_btn_borderColor" format="color"/>
    <attr name="refresh_btn_borderWidth" format="dimension"/>
    <attr name="refresh_btn_borderRadius" format="dimension"/>
    <attr name="refresh_btn_text" format="string"/>
    <attr name="refresh_btn_textColor" format="color"/>
    <attr name="refresh_btn_textSize" format="dimension"/>
    <attr name="refresh_btn_iconSrc" format="reference"/>
    <attr name="refresh_btn_iconSize" format="dimension"/>
    <attr name="refresh_btn_space4TextAndIcon" format="dimension"/>
  </declare-styleable>
</resources>

public class LQRRefreshButton extends View {
  public LQRRefreshButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    // 获取自定义属性值
    TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.LQRRefreshButton);
    borderColor = ta.getColor(R.styleable.LQRRefreshButton_refresh_btn_borderColor, Color.parseColor("#fb7299"));
    borderWidth = ta.getDimension(R.styleable.LQRRefreshButton_refresh_btn_borderWidth, dipToPx(0));
    borderRadius = ta.getDimension(R.styleable.LQRRefreshButton_refresh_btn_borderRadius, dipToPx(60));
    text = ta.getString(R.styleable.LQRRefreshButton_refresh_btn_text);
    if (text == null)
      text = "";
    textColor = ta.getColor(R.styleable.LQRRefreshButton_refresh_btn_textColor, Color.parseColor("#fb7299"));
    textSize = ta.getDimension(R.styleable.LQRRefreshButton_refresh_btn_textSize, spToPx(14));
    iconSrc = ta.getResourceId(R.styleable.LQRRefreshButton_refresh_btn_iconSrc, R.mipmap.tag_center_refresh_icon);
    iconSize = ta.getDimension(R.styleable.LQRRefreshButton_refresh_btn_iconSize, dipToPx(14));
    space4TextAndIcon = ta.getDimension(R.styleable.LQRRefreshButton_refresh_btn_space4TextAndIcon, dipToPx(10));
    ta.recycle();  
    ...
  }
}

<com.lqr.biliblili.mvp.ui.widget.LQRRefreshButton
  android:id="@+id/btn_refresh"
  android:layout_width="118dp"
  android:layout_height="32dp"
  android:layout_gravity="center"
  android:layout_marginBottom="3dp"
  android:layout_marginTop="8dp"
  app:refresh_btn_borderRadius="25dp"
  app:refresh_btn_borderWidth="1dp"
  app:refresh_btn_iconSize="16dp"
  app:refresh_btn_text="点击换一批"
  app:refresh_btn_textColor="@color/bottom_text_live"
  app:refresh_btn_textSize="14sp"/>