android canvas画文字 居中
设置文字画笔
paint.setAntiAlias(true);
//水平居中
paint.setTextAlign(Paint.Align.CENTER);
paint.setColor(Color.BLACK);
paint.setStyle(Paint.Style.FILL);
paint.setTextSize(80F);
paint.setStrokeWidth(3);
//获取文字的布局信息
Paint.FontMetricsInt fontMetricsInt = paint.getFontMetricsInt();
这里包括4个参数
fontMetricsInt.top
fontMetricsInt.ascent
fontMetricsInt.descent
fontMetricsInt.bottom);
这4个参数的值是以文字的baseline为基准的,如图,
()里为测试时打印出的坐标值,parent表示画文字的控件
. parentTop---------------------------
.
.
. top------------------ (-85)
.
. ascent---------------(-74)
.
. baseline--------------(0)
.
. descent--------------(20)
.
. bottom---------------(22)
.
.
. parentBottom-------------------------------
控件文字显示在descent和ascent的区间,因此实现文字垂直居中的效果,只需要让descent和ascent的区间在parent控件中居中即可,
因此需要计算出baseline在控件中的实际的y轴坐标,
假设parent的高度为height,
文字垂直居中时:
(height-(bottom-top))/2表示ascent和parentTop的距离,加上ascent的绝对值就是parentTop到baseline的距离,
加上parentToP就是baseline的y轴坐标
最后结果
int baseline = parentTop+(height-fontMetricsInt.descent-fontMetricsInt.ascent)/2;
水平居中很简单,假设parent的宽度为width,
首先设置
paint.setTextAlign(Paint.Align.CENTER);
然后
canvas.drawText("文字", width / 2, baseline, paint);
字体的话设置paint.setTypeface
设置文字画笔
paint.setAntiAlias(true);
//水平居中
paint.setTextAlign(Paint.Align.CENTER);
paint.setColor(Color.BLACK);
paint.setStyle(Paint.Style.FILL);
paint.setTextSize(80F);
paint.setStrokeWidth(3);
//获取文字的布局信息
Paint.FontMetricsInt fontMetricsInt = paint.getFontMetricsInt();
这里包括4个参数
fontMetricsInt.top
fontMetricsInt.ascent
fontMetricsInt.descent
fontMetricsInt.bottom);
这4个参数的值是以文字的baseline为基准的,如图,
()里为测试时打印出的坐标值,parent表示画文字的控件
. parentTop---------------------------
.
.
. top------------------ (-85)
.
. ascent---------------(-74)
.
. baseline--------------(0)
.
. descent--------------(20)
.
. bottom---------------(22)
.
.
. parentBottom-------------------------------
控件文字显示在descent和ascent的区间,因此实现文字垂直居中的效果,只需要让descent和ascent的区间在parent控件中居中即可,
因此需要计算出baseline在控件中的实际的y轴坐标,
假设parent的高度为height,
文字垂直居中时:
(height-(bottom-top))/2表示ascent和parentTop的距离,加上ascent的绝对值就是parentTop到baseline的距离,
加上parentToP就是baseline的y轴坐标
最后结果
int baseline = parentTop+(height-fontMetricsInt.descent-fontMetricsInt.ascent)/2;
水平居中很简单,假设parent的宽度为width,
首先设置
paint.setTextAlign(Paint.Align.CENTER);
然后
canvas.drawText("文字", width / 2, baseline, paint);
字体的话设置paint.setTypeface