android中canvas.drawText参数的介绍以及绘制一个文本居中的案例

       在自定义View中,会经常遇到canvas.drawText这个方法,很多新手都不明白这个方法参数的含义,经过我不断的Google和多次的测试,把我的经验写出来供大家参考,错误之处,欢迎大家给我留言,一起讨论。

      首先,我们看下这个方法参数的含义:canvas.drawText(text, x, y, paint),第一个参数是我们需要绘制的文本,第四个参数是我们的画笔,这两个不用多说,主要是第二和第三个参数的含义,这两个参数在不同的情况下的值还是不一样的,x默认是这个字符串的左边在屏幕的位置,如果设置了paint.setTextAlign(Paint.Align.CENTER);那就是字符的中心,y是指定这个字符baseline在屏幕上的位置,大家记住了,不要混淆,y不是这个字符中心在屏幕上的位置,而是baseline在屏幕上的位置。

      下面我们来看一下一个例子,先看一下onDraw的代码如下:

	@Override
	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);
	}
效果如下,很明显这个效果不对


这个文本不是垂直居中,往下偏了一点,我前面说了y不是这个字符中心在屏幕上的位置,而是baseline在屏幕上的位置,而我们的代码canvas.drawText(testString, getMeasuredWidth()/2 - bounds.width()/2, getMeasuredHeight()/2 + bounds.height()/2,mPaint);是y在垂直的中央,这是不对的,现在代码修改如下:

	@Override
	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);
	}
现在效果如下:

很完美居中,大家如果有什么问题欢迎大家给我留言,共同进步!!!

  • 26
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 18
    评论
可以使用以下代码来实现: ```java // 获取屏幕宽高 DisplayMetrics dm = getResources().getDisplayMetrics(); int screenWidth = dm.widthPixels; int screenHeight = dm.heightPixels; // 创建画布 Bitmap bitmap = Bitmap.createBitmap(screenWidth, screenHeight, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); // 创建画笔 Paint paint = new Paint(); paint.setColor(Color.BLACK); paint.setTextSize(30); // 计算文本的宽度和高度 String text = "Hello World"; Rect rect = new Rect(); paint.getTextBounds(text, 0, text.length(), rect); int textWidth = rect.width(); int textHeight = rect.height(); // 将画布坐标系移动到屏幕canvas.translate(screenWidth / 2, screenHeight / 2); // 旋转画布 canvas.rotate(45); // 绘制文本 canvas.drawText(text, -textWidth / 2, textHeight / 2, paint); // 将绘制好的图像显示在屏幕上 ImageView imageView = findViewById(R.id.imageView); imageView.setImageBitmap(bitmap); ``` 解释一下代码的实现过程: 1. 首先获取屏幕的宽高,创建一个与屏幕大小相同的 Bitmap 和 Canvas 对象。 2. 创建一个画笔,并设置文本的颜色和字体大小。 3. 使用 getTextBounds() 方法计算文本的宽度和高度。 4. 将画布坐标系移动到屏幕心。 5. 调用 rotate() 方法旋转画布,这里旋转了 45 度。 6. 使用 drawText() 方法绘制文本,需要注意的是,文本的位置应该是相对于屏幕心的偏移量。 7. 最后,将绘制好的图像显示在屏幕上,这里使用了一个 ImageView。
评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值