字体在Android View中的输出 drawText

转自：http://blog.sina.com.cn/s/blog_4ab0d57401019qw3.html

Canvas 作为绘制文本时，使用FontMetrics对象，计算位置的坐标。

public static class FontMetrics {    

         

      public float    top;    

         

      public float    ascent;    

         

      public float    descent;    

         

      public float    bottom;    

         

      public float    leading;    

}  

它的各基准线可以参考下图： 

上图其实是通过代码画出来的，具体代码如下：

   

mPaint.reset();    

mPaint.setColor(Color.WHITE);    

mPaint.setTextSize(80);    

// FontMetrics对象     

FontMetrics fontMetrics = mPaint.getFontMetrics();    

String text = "abcdefg";    

// 计算每一个坐标     

float textWidth = mPaint.measureText(text);    

float baseX = 30;    

float baseY = 700;    

float topY = baseY + fontMetrics.top;    

float ascentY = baseY + fontMetrics.ascent;    

float descentY = baseY + fontMetrics.descent;    

float bottomY = baseY + fontMetrics.bottom;    

// 绘制文本     

canvas.drawText(text, baseX, baseY, mPaint);    

// BaseLine描画     

mPaint.setColor(Color.RED);    

canvas.drawLine(baseX, baseY, baseX + textWidth, baseY, mPaint);    

mPaint.setTextSize(20);    

canvas.drawText("base", baseX + textWidth, baseY, mPaint);    

// Base描画     

canvas.drawCircle(baseX, baseY, 5, mPaint);    

// TopLine描画     

mPaint.setColor(Color.LTGRAY);    

canvas.drawLine(baseX, topY, baseX + textWidth, topY, mPaint);    

canvas.drawText("top", baseX + textWidth, topY, mPaint);    

// AscentLine描画     

mPaint.setColor(Color.GREEN);    

canvas.drawLine(baseX, ascentY, baseX + textWidth, ascentY, mPaint);    

canvas.drawText("ascent", baseX + textWidth, ascentY + 10, mPaint);    

// DescentLine描画     

mPaint.setColor(Color.YELLOW);    

canvas.drawLine(baseX, descentY, baseX + textWidth, descentY, mPaint);    

canvas.drawText("descent", baseX + textWidth, descentY, mPaint);    

// ButtomLine描画     

mPaint.setColor(Color.MAGENTA);    

canvas.drawLine(baseX, bottomY, baseX + textWidth, bottomY, mPaint);    

canvas.drawText("buttom", baseX + textWidth, bottomY + 10, mPaint);  

相信通过以上程序，能够很好的理解topLine，buttomLine，baseLine，ascentLine，descentLine。 

另外：Paint类有两个方法

   

public native float ascent();    

    

   

public native float descent();  

ascent()：the distance above the baseline（baseline以上的height） 

descent()：the distance below the baseline（baseline以下的height）

所以ascent() + descent() 可以看成文字的height。

到此为止，怎么获取文字的height和width都已经揭晓了：

获取height ： mPaint.ascent() + mPaint.descent()