如何在WallpaperService画布上与TextView位置精准对齐绘制文本

你的问题核心在于TextView的坐标体系和Canvas.drawText的坐标逻辑不匹配，加上拖拽时保存的坐标有误，导致绘制位置偏移。

问题根源 #

1. 坐标保存错误：你在ACTION_UP时保存的是触摸点的rawX/rawY，但这个是触摸屏幕的位置，不是TextView的真实左上角坐标。拖拽时TextView的位置应该用view.getX()和view.getY()来获取。
2. drawText的y坐标是基线，不是文本顶部：Canvas的drawText方法中，第二个y参数是文本的**基线（Baseline）**位置，而TextView的getY()是视图左上角的y坐标，直接用这个值绘制，文本会明显偏上。

修复步骤 #

步骤1：修正拖拽时的坐标保存

修改触摸监听的ACTION_UP逻辑，保存TextView的真实位置和尺寸：

private float tvX, tvY;
private int tvWidth, tvHeight;

textView.setOnTouchListener((view, event) -> {
    switch (event.getActionMasked()) {
        case MotionEvent.ACTION_DOWN:
            dX = view.getX() - event.getRawX();
            dY = view.getY() - event.getRawY();
            lastAction = MotionEvent.ACTION_DOWN;
            break;

        case MotionEvent.ACTION_MOVE:
            view.setY(event.getRawY() + dY);
            view.setX(event.getRawX() + dX);
            lastAction = MotionEvent.ACTION_MOVE;
            break;

        case MotionEvent.ACTION_UP:
            // 保存TextView的左上角坐标和自身宽高
            tvX = view.getX();
            tvY = view.getY();
            tvWidth = view.getWidth();
            tvHeight = view.getHeight();
            break;

        default:
            return false;
    }
    return true;
});

步骤2：匹配TextView的文本绘制逻辑

Canvas绘制时，要完全对齐TextView的文本布局，需要：

• 让Paint的属性和TextView完全一致（字号、字体、颜色、对齐方式）
• 根据TextView的gravity计算文本的基线位置

假设你的TextView是水平居中+垂直居中的gravity，代码如下：

// 初始化Paint，完全匹配TextView的文本属性
Paint timePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
timePaint.setTextSize(textView.getTextSize()); // 直接复用TextView的字号，避免缩放差异
timePaint.setColor(textView.getCurrentTextColor());
timePaint.setTypeface(textView.getTypeface());
timePaint.setTextAlign(Paint.Align.CENTER); // 和TextView的水平对齐一致

// 获取文本的字体度量信息
Paint.FontMetricsInt fontMetrics = timePaint.getFontMetricsInt();
// 计算TextView的中心坐标
float tvCenterX = tvX + tvWidth / 2f;
float tvCenterY = tvY + tvHeight / 2f;
// 从中心反推基线位置：基线 = 中心Y + (descent - ascent)/2 - descent
float baselineY = tvCenterY + (fontMetrics.descent - fontMetrics.ascent) / 2f - fontMetrics.descent;

// 绘制文本
canvas.drawText(time, tvCenterX, baselineY, timePaint);

如果你的TextView是水平居中+顶部对齐，则基线计算改为：

// 顶部对齐时，基线 = TextView顶部Y + 内边距Top - ascent
float baselineY = tvY + textView.getPaddingTop() - fontMetrics.ascent;
canvas.drawText(time, tvX + tvWidth/2f, baselineY, timePaint);

额外注意事项 #

• 确保WallpaperService的画布没有被缩放或偏移，比如要处理壁纸的全屏适配逻辑，避免坐标被拉伸。
• 如果使用了自定义文本缩放工具（比如你的DigitalClockHelper.getScaledTextSize），要保证TextView和Canvas的缩放比例完全一致，否则字号差异也会导致位置偏移。

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