Andriod自定义View二:canvas.drawText参数的介绍以及绘制一个文本居中的案例
2017-03-09 22:51
597 查看
首先,我们看下这个方法参数的含义:canvas.drawText(text, x, y, paint),第一个参数是我们需要绘制的文本,第四个参数是我们的画笔,这两个不用多说,主要是第二和第三个参数的含义,这两个参数在不同的情况下的值还是不一样的
x默认是这个字符串的左边在屏幕的位置,如果设置了paint.setTextAlign(Paint.Align.CENTER);那就是字符的中心.
y是指定这个字符baseline在屏幕上的位置,大家记住了,不要混淆,y不是这个字符中心在屏幕上的位置,而是baseline在屏幕上的位置。
下面我们来看一下例子
先看一下onDraw的代码如下
效果如下,很明显这个效果不对
![](http://upload-images.jianshu.io/upload_images/2704327-f0546f232c6db765.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这个文本不是垂直居中,往下偏了一点,我前面说了y不是这个字符中心在屏幕上的位置,而是baseline在屏幕上的位置,而我们的代码canvas.drawText(testString, getMeasuredWidth()/2 - bounds.width()/2, getMeasuredHeight()/2 + bounds.height()/2,mPaint);是y在垂直的中央,这是不对的,现在代码修改如下:
x默认是这个字符串的左边在屏幕的位置,如果设置了paint.setTextAlign(Paint.Align.CENTER);那就是字符的中心.
y是指定这个字符baseline在屏幕上的位置,大家记住了,不要混淆,y不是这个字符中心在屏幕上的位置,而是baseline在屏幕上的位置。
下面我们来看一下例子
先看一下onDraw的代码如下
protected void onDraw(Canvas canvas) { super.onDraw(canvas); String testString = "测试:gafaeh:1234"; Paint mPaint = new Paint(); mPaint.setStrokeWidth(3); mPaint.setTextSize(40); mPaint.setColor(Color.RED); mPaint.setTextAlign(Align.LEFT); Rect bounds = new Rect(); mPaint.getTextBounds(testString, 0, testString.length(), bounds); canvas.drawText(testString, getMeasuredWidth()/2 - bounds.width()/2, getMeasuredHeight()/2 + bounds.height()/2, mPaint); }
效果如下,很明显这个效果不对
![](http://upload-images.jianshu.io/upload_images/2704327-f0546f232c6db765.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这个文本不是垂直居中,往下偏了一点,我前面说了y不是这个字符中心在屏幕上的位置,而是baseline在屏幕上的位置,而我们的代码canvas.drawText(testString, getMeasuredWidth()/2 - bounds.width()/2, getMeasuredHeight()/2 + bounds.height()/2,mPaint);是y在垂直的中央,这是不对的,现在代码修改如下:
protected void onDraw(Canvas canvas) { String testString = "测试:gafaeh:1234"; Paint mPaint = new Paint(); mPaint.setStrokeWidth(3); mPaint.setTextSize(40); mPaint.setColor(Color.RED); mPaint.setTextAlign(Align.LEFT); Rect bounds = new Rect(); mPaint.getTextBounds(testString, 0, testString.length(), bounds); FontMetricsInt fontMetrics = mPaint.getFontMetricsInt(); int baseline = (getMeasuredHeight() - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top; canvas.drawText(testString,getMeasuredWidth() / 2 - bounds.width() / 2, baseline, mPaint); }
![](http://upload-images.jianshu.io/upload_images/2704327-5f4924b1f087f764.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
相关文章推荐
- android中canvas.drawText参数的介绍以及绘制一个文本居中的案例
- android中canvas.drawText参数的介绍以及绘制一个文本居中的案例
- android中canvas.drawText参数的介绍以及绘制一个文本居中的案例
- android中canvas.drawText参数的介绍以及绘制一个文本居中的案例
- Android UI 之居中绘制文本内容的正确方法——实现自定义一个TextView
- Android UI 之居中绘制文本内容的正确方法——实现自定义一个TextView
- Android UI 之居中绘制文本内容的正确方法——实现自定义一个TextView
- Android View drawText 文本居中
- android canvas drawText实现文本垂直居中
- drawText参数介绍及绘制居中文本
- canvas.drawText(string, xPos, yPos, paint)文本居中的办法
- 自定义控件让TextView的drawableLeft与文本一起居中显示
- struts2.X心得7--接收请求参数和struts类型转换介绍以及案例分析
- 【Android】自定义控件让TextView的drawableLeft与文本一起居中显示
- Android如何在一个TextView中实现多种文本风格?
- 使用Canvas的drawTextOnPath方法实现沿着Path绘制文本
- 如何设置一个textview的文字显示为垂直居中,水平居左呢
- Canvas drawText实现中英文居中
- 关于Android Canvas.drawText方法中的坐标参数的正确解释
- struts2.X心得7--接收请求参数和struts类型转换介绍以及案例分析