Sketch 行高模拟 iOS/Android 原生默认行高插件 v1.0 | 下载
本插件已经更新到最新版本v2.0 立即前往
以后如有更新将会在本博客、公众号发布
因为ios与sketch之间行高不通用,导致我每次和ios开发对接标注的时候总是会因为文字行高问题而苦恼不已(特别是文字与图形间距之类的难题)。经过在网上苦苦摸索,竟然真的发现了有人已经研究过这个问题了。
简单的说,ios默认行高是会变的,变化值正如评论的一个哥们所说的:
所以原理明白了,但是手动设置实在是太麻烦了。操作得好几步,还要鼠标(触摸板)+键盘一起用。还好作者提供了一个可以快速设置的插件。
这个插件非常的感人,但是在看文章评论的时候发现了一个问题,这个插件只针对2倍图设计稿的设计师。但是使用sketch设计为什么要用二倍稿我至今摸不清头绪。(盲猜是因为Photoshop时代遗留的习惯和安卓苹果一张图搞定的想法吧)2倍稿需要在设计的时候去每个数字比较看能否被2除尽,简直是令人崩溃。下方的评论也有很多想要1倍插件的。
距离作者口头约定免费做一个出来已经过了7个月了。。。。。。
而我看Github上并没有更新。。。
(最新提交还是去年)
估计作者已经遗忘了这个约定。。。。
作为仅有一丁点代码能力的我尝试魔改了一下别人的代码,最终做出了这个针对@1x版本的行高插件。
(保留了原作者的反人类快捷键)
@1x和@2x均为设计稿尺寸,如在 iPhone X 机型上你的设计稿宽度为375则为@1x
我是不是应该放下载链接了?
你以为这就结束了?
不!
在看评论的时候很多人都需要安卓端的行高适配。然后我就找到了给予原插件改编的安卓版本。
https://mp.weixin.qq.com/s/viVugCfSY1Toyjski5_iHA
然而这个安卓版本的也是基于px写的,也就是@2x,让我这个1倍图设计师情何以堪。。。
不说了,那就魔改吧!
魔改完毕并将这两个功能融合在一个插件,然后全新的行高插件就此诞生!~~~(撒花)
保留了这两个作者丧心病狂的快捷键。
如果你是@1x的设计师请使用我提供的插件。
如果你是@2x的设计师请使用原作者提供的插件吧。
如果你是@3x的设计师。。。。咱们交个朋友认识一下。
@1x和@2x均为设计稿尺寸,如在iPhone8机型上你的设计稿宽度为375则为@1x
下载须知:(我知道你们不会看的)
插件主要代码由@baobaoxi,apudou完成,youngxkk辅助一些bug;@zz379 York01完成安卓版本的尺寸计算和制作,zhhoo(也就是我)增加了1倍图版本并将前人的结晶融合了一下。
本插件适用于单行文本,段落文本或多行文本会非常丑(系统自带行间距丑到哭),涉及到多行文本请与开发沟通。
本插件有任何问题可以公众号后台留言或者回复本文。
能力有限做不出自动识别倍图功能,并且设计师应该不会在多个倍图切换做设计稿,所以只考虑我在用的@1x版本。
以后可能会增加一些文字相关的功能吧,顺便再出一些其他插件(感觉打开了新世界的大门)。
插件禁止转载
经过我的试用发现真的和原生开发完全一致(ios端,安卓条件受限没试),还不错。
目前还没测到bug,如果遇到问题或bug可以留言,有时间的话改一下。
下载地址
- 感谢你赐予我前进的力量