Android Studio自定义视图锚点坐标偏移，连接线对接异常

核心问题分析 #

你遇到的Y坐标偏移，大概率是坐标体系不匹配或视图未完成布局就获取坐标导致的：

• getLocationOnScreen返回的是锚点相对于屏幕左上角的坐标，而ConnectionLine的绘制通常基于其父布局的局部坐标（不含状态栏、标题栏等系统UI的偏移）。
• 如果在视图还没完成measure/layout阶段就调用getLocationOnScreen，得到的坐标会是初始值（比如0），直接导致偏移。

具体修复步骤 #

1. 转换坐标体系：屏幕坐标 → 父布局局部坐标 #

把锚点的屏幕坐标，转换成ConnectionLine所在父布局的相对坐标：

// 获取锚点的屏幕坐标
int[] anchorScreenPos = new int[2];
anchorView.getLocationOnScreen(anchorScreenPos);
int anchorScreenX = anchorScreenPos[0];
int anchorScreenY = anchorScreenPos[1];

// 获取ConnectionLine父布局的屏幕坐标
int[] parentScreenPos = new int[2];
connectionLineParent.getLocationOnScreen(parentScreenPos);
int parentScreenX = parentScreenPos[0];
int parentScreenY = parentScreenPos[1];

// 计算锚点相对于父布局的坐标
float relativeAnchorX = anchorScreenX - parentScreenX;
float relativeAnchorY = anchorScreenY - parentScreenY;

// 传给ConnectionLine设置连线
connectionLine.setAnchorPoint(relativeAnchorX, relativeAnchorY);

2. 确保在视图布局完成后获取坐标 #

不要在onCreate/onStart等早期生命周期方法中获取坐标，改用View.post()或OnGlobalLayoutListener等待视图布局完成：

// 方式1：用View.post()延迟到布局完成后执行
personCard.post(() -> {
    // 这里执行上面的坐标获取和转换逻辑
});

// 方式2：用OnGlobalLayoutListener
personCard.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        // 执行坐标逻辑
        // 记得移除监听，避免重复触发
        personCard.getViewTreeObserver().removeOnGlobalLayoutListener(this);
    }
});

3. 检查锚点自身坐标计算 #

如果锚点是你在PersonCard内部自定义的（不是子View），要确保锚点的坐标是相对于PersonCard自身的：

// 比如PersonCard内锚点的Y坐标 = PersonCard的顶部屏幕坐标 + 锚点在Card内的相对Y值
int[] cardScreenPos = new int[2];
this.getLocationOnScreen(cardScreenPos);
int anchorScreenY = cardScreenPos[1] + internalAnchorY; // internalAnchorY是锚点在Card内的Y偏移

4. 验证ConnectionLine的绘制逻辑 #

确保ConnectionLine的onDraw方法使用的是父布局的相对坐标，而非自身的局部坐标（如果ConnectionLine不是填充父布局的话，还要加上自身在父布局中的偏移）：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 如果ConnectionLine在父布局中有偏移，要加上自身的left和top
    float startX = mStartX + getLeft();
    float startY = mStartY + getTop();
    float endX = mEndX + getLeft();
    float endY = mEndY + getTop();
    canvas.drawLine(startX, startY, endX, endY, mPaint);
}

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