自定义CircleView绘制的圆未居中问题求助

嘿，我来帮你搞定这个圆形偏移的问题！通常这种情况都是绘制坐标计算错误或者View的实际宽高不符合预期导致的，咱们一步步来排查修复：

1. 先检查绘制时的圆心坐标（最常见原因） #

很多时候我们直接用getWidth()/2和getHeight()/2当圆心，但忽略了View的padding属性——如果你的CircleView设置了padding，那实际可绘制区域的中心应该把padding算进去。

正确的圆心计算应该是这样的：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 计算实际可绘制区域的中心
    int centerX = getPaddingLeft() + (getWidth() - getPaddingLeft() - getPaddingRight()) / 2;
    int centerY = getPaddingTop() + (getHeight() - getPaddingTop() - getPaddingBottom()) / 2;
    // 计算圆形半径：取可绘制区域宽高的最小值的一半
    int radius = Math.min(
        getWidth() - getPaddingLeft() - getPaddingRight(),
        getHeight() - getPaddingTop() - getPaddingBottom()
    ) / 2;
    // 绘制圆形
    canvas.drawCircle(centerX, centerY, radius, mPaint);
}

2. 确保View的宽高确实是1:1 #

你提到已经设置了1:1宽高比且高度为主View的0.5倍，但要确认自定义View的onMeasure方法是否正确处理了宽高约束，避免布局计算出的宽高不一致。

可以重写onMeasure来强制保证宽高比：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    // 获取布局中设置的尺寸
    int measuredHeight = getMeasuredHeight();
    // 因为你设置了高度为主View的0.5倍，直接以高度为基准设置宽度，保证1:1
    setMeasuredDimension(measuredHeight, measuredHeight);
}

3. 布局层面的验证 #

如果是用ConstraintLayout布局，确保你的CircleView的约束是正确的：

<com.yourpackage.CircleView
    android:id="@+id/circleView"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:padding="8dp"
    app:layout_constraintHeight_percent="0.5"
    app:layout_constraintDimensionRatio="1:1"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

快速测试技巧 #

你可以先暂时去掉CircleView的所有padding，然后运行看看圆形是否居中——如果居中了，那就是padding没计算的问题；如果还是偏移，那大概率是宽高计算的问题，检查onMeasure和布局约束。

内容的提问来源于stack exchange，提问作者Edoardo