Android Cannas.drawTextView 方法坐标问题

Android Cannas.drawTextView 方法坐标问题

• 先看看我们把drawText方法里面x,y的位置设置为0的效果吧

canvas.drawText("哈哈哈", 0, 0, mPaint);

• 看到上面的图片了吧,是不是觉得很奇怪,为什么只显示字体的脚呢 ?
  
  • 我们输入的坐标0.0,是在控件的左上角,按我们之前对android坐标系的了解,大家是不是都觉的文字应该是在左上角从上到下的显示出来,而不是只显示在左上角的位置,其实这个跟基线有关系.

• 如果我们y坐标设置为0的话,那基线的位置就是在0,这样就会导致我们的文字只显示脚的问题了

• 我们现在就来让文字显示在控件的中间吧,要实现这个效果其实很简单,只要我们修改基线的位置就ok了,让文字居中有3中方式,其实都是差不多的,所以这里我就只讲解其中一种了
• 思路:
  
  • 在Paint中我们可以获取到上图所有线的位置
  • 先计算出字体的总高度,其实就是Ascent 到 Descent 的位置了
  • 再用Ascent - 去字体高度的一半,就得到了我们要移动基线的距离了

private void initPaint() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setTextSize(30);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        String str = "哈哈哈";

        //方式一
        float textWidth = mPaint.measureText(str);  //获取文字的宽度
        float x = (getMeasuredWidth() - textWidth) / 2; //x的位置
        float y = getMeasuredHeight() / 2 + 
          (-mPaint.ascent() - (mPaint.descent() - mPaint.ascent()) / 2);
        canvas.drawText(str, x, y, mPaint);
    }