今日头条文字渐变特效项目实战(一),一文带你搞懂Android多线程Handler

top.y = top.y - baseline.y

bottom.y = bottom.y - baseline.y

ascent.y = ascent.y - baseline.y

desent.y = desent.y - baseline.y

center.y = (bottom.y - top.y) / 2

因为是以baseline为参照物,所以所有的距离都是它们的y坐标和baseline的y坐标相减,

但是Paint.FontMetrics中并没有baseline的值,那么我们要怎么得到它呢

baseline的计算如图所示(网上好多图都是错的,不得不自己画了一张,(╥﹏╥))

image

首先,如果我们要绘制文本,那么我们可以拿到top和bottom的坐标,并且我们也知道center

  • center.y = (bottom.y - top.y) / 2

看图,我们知道top.y到center.y的距离和bottom.y到center.y的距离相同,设定这个距离为a,那么center.y到baseline.y的距离就是:a - bottom

(没有.y时表示它到baseline的距离)

所以有:

  • baseline.y - center.y = (bottom.y - top.y) / 2 - bottom.y

解得:

  • baseline.y = center.y + (bottom.y - top.y) / 2 - bottom.y

当然,同样的推理,还可以得出baseline和ascent,desent之间的关系,这里就不展开了,原理都是一样的

1.2 如何绘制文字到中心

经历了前面的长篇大论,有的同学就要问了,知道baseline的计算有什么用呢?

回到最开始的api

drawText(@NonNull String text, float x, float y, @NonNull Paint paint)

是不是有的同学在使用这个api的时候,经常遇到y值怎么设置都不能让文字处于控件中间,不是高一点就是低一点?

如果我们想把文字绘制到我们View的正中心,那么这里的y就需要传入我们计算好的baseline,代码如下

// 首先设置paint的文字大小

paint.setColor(textColor);

paint.setStrokeWidth(0);

paint.setTextSize(textSize);

paint.setTypeface(Typeface.DEFAULT_BOLD);

//根据paint的文字大小获得Paint.FontMetricsInt

Paint.FontMetricsInt fm = paint.getFontMetricsInt();

//根据Paint.FontMetricsInt计算baseline

canvas.drawText(string, getWidth() / 2 - paint.measureText(string) / 2 ,

getHeight() / 2 +(fm.bottom - fm.top)/2 - fm.bottom, paint);

这样,就可以将文字画到垂直方向的正中心了,至于水平中心,只需要控件宽度减去文字宽度除以2就可以了

文末

那么对于想坚持程序员这行的真的就一点希望都没有吗?
其实不然,在互联网的大浪淘沙之下,留下的永远是最优秀的,我们考虑的不是哪个行业差哪个行业难,就逃避掉这些,无论哪个行业,都会有他的问题,但是无论哪个行业都会有站在最顶端的那群人。我们要做的就是努力提升自己,让自己站在最顶端,学历不够那就去读,知识不够那就去学。人之所以为人,不就是有解决问题的能力吗?挡住自己的由于只有自己。点击我的GitHub下述资料免费领取
Android希望=技能+面试

  • 技能
  • 面试技巧+面试题

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
[外链图片转存中…(img-ds9Mii1F-1711004734399)]

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值