Back to Plugins
Text Line Height Fix

Text Line Height Fix

<p>Text Line Height Fix 是一款调整文字行高的插件。它能够让设计图中不同字号的行高,和开发环境下对应字号所占字符框高度相匹配(Android字符框:textview、iOS字符框:UI Label)。解决设计图与开发环境在文字高度不一致的情况下,导致还原度差的问题。帮助开发人员实现更精准的设计稿还原。</p><p>使用:</p><p>-选中文字图层,点击设计图对应的设备按钮,即可完成行高的修复。</p><p>-行高设为字号的倍数:可通过+-号按钮调整的倍率,也可以手动输入倍率。点击「go」按钮完成行高的调整。</p><p>注意:</p><p>-目前插件针对Android设计图,支持 5px-120px 的字号的行高修复,iOS可修复字号不限。</p><p>-仅限中文常用UI字体(苹方、思源)</p><p>感谢:</p><p>-Sketch 插件「Auto Fix iOS Text Line Height」作者 @Gis1on&nbsp;@Youngxkk。</p><p>-插件中使用的波纹效果来自 https://github.com/GeekLiB/Material-Design-JS-Button</p>

androidiostextlayerschineseline heighttext-heightfix

Plugin Preview

Text Line Height Fix preview

About this plugin

Text Line Height Fix 是一款调整文字行高的插件。它能够让设计图中不同字号的行高,和开发环境下对应字号所占字符框高度相匹配(Android字符框:textview、iOS字符框:UI Label)。解决设计图与开发环境在文字高度不一致的情况下,导致还原度差的问题。帮助开发人员实现更精准的设计稿还原。

使用:

-选中文字图层,点击设计图对应的设备按钮,即可完成行高的修复。

-行高设为字号的倍数:可通过+-号按钮调整的倍率,也可以手动输入倍率。点击「go」按钮完成行高的调整。

注意:

-目前插件针对Android设计图,支持 5px-120px 的字号的行高修复,iOS可修复字号不限。

-仅限中文常用UI字体(苹方、思源)

感谢:

-Sketch 插件「Auto Fix iOS Text Line Height」作者 @Gis1on @Youngxkk。

-插件中使用的波纹效果来自 https://github.com/GeekLiB/Material-Design-JS-Button

Plugin Details

Version5
CreatedJuly 23, 2020
Last UpdatedNovember 25, 2020
CategorySoftware development
CreatorYork01
Stats1538 installs, 67 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js