Sketch 图標文案 可调整大小组件完全原生方法

Sketch虽然有可调式工具，但要做到一个带有图标和标签的按钮，均浮在中间，基本那是不可能的，所以需要特殊手段（非插件原生版）。

我们以往的操作是原生不能明着解决的情况下，就会上插件，但非原生的操作总觉得很奇怪，而且性能不是那么好。举例：创建一个带有图标和标签的按钮，该按钮可以在保持图标和标签居中的同时进行拉伸。 我试图将Sketch的大小调整为做到这一点，但失败了。最后使用Anima插件，我能够做到这一点，但它破裂得相当快，苦恼苦恼。

原生解决方案

于是我在网上的找到了一份解决方案。 本文基于Caio的黑客手法，效果很好，目前为止我只能找到一个ICON：图标只能在左边。

创建BUTTON，ICON和文本的组合：图标（在右侧）和文本（在左侧）。

确保文本标对齐方式为“自动”和“居中”。

图标和文本标签群组。 群组旋转180°（它将颠倒）

分别对文字和图标颠倒180°。 现在看起来不错。

完全按照如下所示设置每个图层和组的大小调整和对齐方式：

把这个组合变成一个组件。

回到 Button，拉伸“Label-with-icon”，使其宽度与按钮相同。

就是这样！

这个组件可以被拉伸，文字制作成任意大小，标签将浮在中心。

结论

效果完全是我想要的，但没有了PADDING这部分，但至少可以保持剧中，作为组件能够编辑任意文本，拉升放大缩小都没有变化。虽然没有了更多的性能，至少比插件可靠多了。

翻译 Courier  选字 Medium