自定义控件-绘制文字-drawText
如何保证自己的绘制的文字居中?
`// 第一类 根据坐标
public void drawText (String text, float x, float y, Paint paint)
public void drawText (String text, int start, int end, float x, float y, Paint paint)
public void drawText (CharSequence text, int start, int end, float x, float y, Paint paint)
public void drawText (char[] text, int index, int count, float x, float y, Paint paint)
// 第二类 drawPosText ()是根据一个个坐标点指定文字位置
public void drawPosText (String text, float[] pos, Paint paint)
public void drawPosText (char[] text, int index, int count, float[] pos, Paint paint)
// 第三类 drawTextOnPath ()是根据路径绘制
public void drawTextOnPath (String text, Path path, float hOffset, float vOffset, Paint paint)
public void drawTextOnPath (char[] text, int index, int count, Path path, float hOffset, float vOffset, Paint paint)`
想要文字居中,重点就是要找到控件的中心点。
如图:
具体代码:
package com.example.vitomvp.ui;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import androidx.annotation.Nullable;
/**
* 必须要在设置了画笔Paint的文字大小,宽度等属性,
* 才能获取FontMetrics
* Paint.FontMetrics fontMetrics=paint.getFontMetrics();
* fontMetrics.top
* fontMetrics.ascent
* fontMetrics.descent
* fontMetrics.bottom
*/
public class TwwView extends View {
public TwwView(Context context) {
this(context,null);
}
public TwwView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs,0);
}
public TwwView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//背景框
Paint paint = new Paint();
paint.setColor(Color.YELLOW);
paint.setStyle(Paint.Style.FILL);
RectF rectF = new RectF(200,200,800,600);//逆时针
canvas.drawRect(rectF,paint);
Paint textPaint = new Paint();
textPaint.setColor(Color.BLUE);
textPaint.setStrokeWidth(5);
textPaint.setStyle(Paint.Style.FILL);
textPaint.setTextSize(50);
textPaint.setTextAlign(Paint.Align.CENTER);
String string ="base Text";
//计算基线baseLine 文字基线类似于一个坐标0点
Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();
Log.d("tww","fontMetrics.bottom:"+fontMetrics.bottom);
Log.d("tww","fontMetrics.top:"+fontMetrics.top);
Log.d("tww","fontMetrics.ascent:"+fontMetrics.ascent);
Log.d("tww","fontMetrics.descent:"+fontMetrics.descent);
/*
* 距离 = 文字高度的一半 - 基线到文字底部的距离(也就是bottom)
= (fontMetrics.bottom - fontMetrics.top)/2 - fontMetrics.bottom
* */
float distance = (fontMetrics.bottom-fontMetrics.top)/2-fontMetrics.bottom;
//文字的y点=就是矩形的中心Y值+矩形中心到基线的距离
float baseLine = rectF.centerY()+distance;
canvas.drawText(string,rectF.centerX(),baseLine,textPaint);
}
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
Rect bounds = new Rect();
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int width = MeasureSpec.getSize(widthMeasureSpec);
if (widthMode == MeasureSpec.AT_MOST) {//是wrap_content的宽高处理
//计算文字的宽度 与文字的size和font有关
//测量文字myText 起始点为x==0 终点到text的末尾 计算完成之后 rect会被赋值
mPaint.getTextBounds(mString, 0, mString.length(), bounds);
width = bounds.width() + getPaddingStart() + getPaddingEnd();
}
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int height = MeasureSpec.getSize(heightMeasureSpec);
if (heightMode == MeasureSpec.AT_MOST) {
mPaint.getTextBounds(mString, 0, mString.length(), bounds);
height = bounds.height() + getPaddingTop() + getPaddingBottom();
}
setMeasuredDimension(width,height);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint.FontMetricsInt fm = mPaint.getFontMetricsInt();
Log.e("tww","fm.descent"+fm.descent);
Log.e("tww", "fm.ascent " + fm.ascent);
Log.e("tww","fm.bottom"+fm.bottom);
Log.e("tww","fm.top"+fm.top);
int baseLine = getHeight() / 2 - fm.descent + (fm.bottom - fm.top) / 2;
int baseLine2 = getHeight() / 2 - fm.bottom / 2 - fm.top / 2;
// x =getPaddingStart() ,y = baseLine
//drawText(text, x, y, paint);
canvas.drawText(mString, getPaddingStart(), baseLine2, mPaint);
}
private int sp2px(int sp) {
return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, sp, getResources().getDisplayMetrics());
}
private int dip2px(int dip) {
return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dip, getResources().getDisplayMetrics());
}
参考来自:https://www.jianshu.com/p/8b97627b21c4
来源:简书-biloba