郑州新像素教育老师直接接听

400-029-09** 400-029-0997 转 34077
查看完整号码
扫码拨号
微信扫码拨号

移动端行高统一，解决80%设计稿还原度问题

作者：新像素UI教育 来源：新像素UI教育 2023年02月15日 更新

先看视频，再看笔记。↓↓↓ 嗨，新像素的同学们，好久不见，一个新年大家是不是都吃胖了？最近大家经常问到的问题就是在做移动端设计的时候，大多数情况下都会遇到一稿适配两端。 通常情况下，安卓端的还原度是非常差的。其实iOS的还原度也会差一些，不过差别不是很大，如果不细挑问题，对于上线是没有什么影响的，但...

先看视频，再看笔记。↓↓↓ 嗨，新像素的同学们，好久不见，一个新年大家是不是都吃胖了？最近大家经常问到的问题就是在做移动端设计的时候，大多数情况下都会遇到一稿适配两端。 通常情况下，安卓端的还原度是非常差的。其实iOS的还原度也会差一些，不过差别不是很大，如果不细挑问题，对于上线是没有什么影响的，但是安卓端不做修改是没办法上线的，所以今天我就来跟大家说一下，为什么适配的时候会出现这种问题以及解决方法。
这里我给大家模拟了一下真实场景，比如说上面是我们的设计稿，下方是开发根据我们的设计稿写出来的ios端和Android端的还原度。我们只看一个地方就可以了 ，“月售2830”距离上下文本的高度都是5和4，很明显，Android端的间隙看着更大一点，出现这个问题的原因就是安卓和ios端对文字的渲染方式不同。
我们来看下这篇文章就能明白了，这个文章是谷歌自己写的，安卓也是谷歌的，但是这篇文章的最终结论就是说目前没有一个特别完善的方案。但是，我今天要给大家分享的这个方案就是很简单实用的一个方法。
现在我们知道了安卓端设计稿还原度差是因为ios和Android对文字的渲染方式不同，正是因为渲染的方式不同，所以出现了文本的行高问题，比如说设计稿中同样10号字体大小的文字，在ios端的行高是14，但是在安卓端的行高却是17，所以，针对这个问题网易云推出了一个字体行高修复的插件。
往下看，还会有一串代码，这里我们就需要用到它这个安卓端的代码来解决ios和安卓字体渲染方式不同的问题，说白了这个代码就是让安卓的字体渲染方式接近ios的，这样的话就可以达到我们的目的，解决一稿适配两端的问题。
解决方案我这里给大家梳理一下，总共分为两步，第一步 就是我们把需要的行高统一改为固定值，有了固定值之后，我们才能进一步去约束或者是控制ios和安卓两个端的行高，那这样的话，第一步 开发先把字体行高写成我们设计好的固定值，然后再用一段代码让安卓的字体渲染方式跟iOS的很接近，这样的话，第一步 修改固定值第二步改代码，就能把行高问题给解决了。但是这个方法有一个前提——我们设计的必须是移动端才可以使用。 最后我们再来说一下这个插件，名字叫“字高修复神器”，插件里面有三个选项。第*个选项就是帮我们把Auto写成一个固定的值，但是只适用于单行文本；第二个选项是适用于段落文本的，我们修改成多少倍，插件就会把字间距自动修改成字号的多少倍；第三个选项是把多余的空白间距给删除掉，只保留文字的高度，但是我不太理解这个有什么用。另外这个插件还有一个好处，我们可以直接选中frame，然后点击选项，也可以修改行高，这样就方便多了。

好了，以上就是今天要跟分享的内容，最后再给大家来捋一下：第一步 我们要先自建样式，把行高设置成统一的固定值，用上面所说的插件也可以；第二步就是让开发使用代码改变一下文字的渲染方式，至于代码具体怎么使用，大家可以跟自己的安卓开发测试一下。

添加微信咨询
林老师 @郑州新像素教育

专业解答各类课程问题、介绍师资和学校情况

微信号：177******10

立即咨询

    相关资讯

  • 在新像素学习UI设计感受 | 访谈78期

    本期采访学员：蔡**（滁州学院工业设计本科），进修校区：武汉校区，2024年8月从新像素毕业，现就职于上海**信息技术股份有限公司东莞分公司，薪资14K。来新像素前她在上海做行政助理——工资低得要命，每天的工作像复制粘贴，看不到一点头。裸辞玩了一年，反而彻底慌了，连找工...

    2025/10/1 0:02:42

  • 郑州新像素教育：小班实战，设计就业加速器

    老师手把手教。20人小班，全Mac实战。零基础也能学，毕业对接名企。少走弯路，设计界黄埔军校不是吹的。本文主要信息和数据源自该机构在教育宝（中国知名的第三方平台）的店铺内容。

    2025/9/30 2:57:35

  • 在新像素学习UI设计感受 | 访谈77期

    本期采访学员：尹**，常熟高新职校人力资源大专，进修校区武汉校区，2024年8月毕业，就业城市苏州，入职苏州****科技有限公司，薪资待遇9.5K。大学学的是人力资源，毕业后第*份工作是运营加美工——每天用PS抠图做产品详情页，家离公司步行10分钟，外卖都能点到常吃的黄...

    2025/9/21 0:03:04

  • 新像素线上UI设计训练营第四期火热预约中 早鸟价限时享

    新像素线上UI设计训练营第四期正在火热预约，预计2025年11月上旬开课！现在提前约能抢早鸟价——原价5999元，现在只要5799元，名额有限，先到先得。新像素做了9年UI设计培训，这次线上课直接把线下的精华“搬”了过来，由邱高飞老师实战教学，从0到1系统讲，C端、B端...

    2025/9/16 0:02:45

  • 授人以渔 见证成长——新像素品牌背后的故事

    始于初心，成于坚守。都说一技之长是立足社会的根——但这根得扎在热爱里，不然长着长着就枯了。新像素想做的，就是和你一起把这热爱的种子攒起来，慢慢捂出芽，往未来挪步。别急，心沉下去，事儿就顺了——我们一直信：慢慢来，反而比较快。

    2025/9/16 0:02:45

“郑州新像素教育”是郑州新像素教育信息咨询服务有限公司在教育宝平台开设的店铺，若该店铺内信息涉嫌虚假或违法，请点击这里向教育宝反馈，我们将及时进行处理。

机构评分

环境：4.0师资：4.0服务：4.0效果：4.0

公示信息

店铺名称：郑州新像素教育

单位名称：郑州新像素教育信息咨询服务有限公司

账号名称：zzxxsjy（177******10）

所属城市：河南郑州

入驻时长：10年

在线客服：在线聊

相关课程

微信咨询

返回顶部