![5ca7e3649494ac2c6bdb74599fcc1f42.png](https://i-blog.csdnimg.cn/blog_migrate/ea0179f1525fafe4666d5c5bcf5c3662.jpeg)
之前写过一个《行高导致和开发间距不一致》;只介绍了行高不一致的原因,以及Android和iOS插件处理行高的方式,安卓字体太多暂时没做解析。
但常常我们都是以iOS为准一稿适配两端,那么如何让两端开发中的字高统一呢?一般我们会以设置行高规范的方式来解决,但其实我们知道安卓字体就是个大杂烩,一些特殊的字体可能会和我们设计稿中的字体相差几个像素高度;由于开发方式的不同几个像素的差异在走查过程中很可能就会翻车。
发现了问题
我们在校验的过程中会发现,安卓有时会和我们的设计稿对不上甚至间距越差越远,iOS可能有时也会,这个时候我们可能就会要求开发调整修改几个像素之类的,但是修改之后开发的间距和我们设计稿还一致吗?和我们的规范还一致吗?出现这个问题的原因就是我们没把规范严格化,也许我们没严格执行,也许开发没严格执行,也许开发和我们实现方式不一致。
说这些是啰嗦吗,肯定是一方出了问题呀,但当我们两方都没出问题,实现的界面还是没对上?头疼不头疼?
还是有问题!问题出在哪里?
我们发现定了行高规范后仍没达到我们想要的效果,如何才能像素级还原,以最优的方案解决问题,和开发在工作之余联调讨论了一个周解决方案后,我们试出个设计还原度最高的方案,并且团队开发侧和设计侧已投入使用,可供参考。
两方不一致
开发对设计不了解实现方式和设计不一致;
开发调用旧代码无法和新设计稿统一;
行高处理方式
由于开发习惯的问题;单行文字实现方式一般是,系统默认行高/去行高的方式/固定或相对行高:
![4c709ebb853d0c71ef78f6ae791caabb.png](https://i-blog.csdnimg.cn/blog_migrate/96e8090514fecf0be451f31922800a4b.png)
多行文字对应实现方式,设置行间距/相对行高;