技术文章

作为实验性功能发布了几次之后，智能布局现在可用于群组和画板。有了它，您将获得更大的灵活性和便利性，无论您是在设计卡片、菜单、按钮，还是在进行更改时想要自动适应的任何内容。

除了在您需要的任何地方提供它之外，我们还通过智能布局进行了全面改进，我们认为您会喜欢的。让我们深入研究它们……

为符号而生，为更多而生

在了解新功能之前，让我们先回顾一下智能布局的含义和用途。

我们早在 2019 年就推出了智能布局，以消除设计工作中的一些乏味。在基本层面上，每当您更改符号内容时，智能布局都会使符号内的间距保持一致。例如，如果您编辑卡片上的文本，智能布局会为您调整其大小，并保持其中的间距与以前一样。

然而，将智能布局限制为符号需要一些权衡。首先，它导致很多人在符号根本不合适的情况下创建符号，只是为了使用智能布局。其次，根据设计，符号实例提供有限的编辑功能，如果您只想使用智能布局，这可能会令人沮丧。

可以理解的是，我们听到最多的关于智能布局的问题之一是，“你不能把它带到常规小组中吗？” 好吧，现在我们已经做到了。

智能布局：现在在组和画板上

如果您熟悉智能布局，则将其与组和画板一起使用会很容易。即使您不熟悉，也同样简单。选择一个组或画板，在检查器中设置其布局，然后就完成了。现在，您可以使用智能布局的自动调整大小功能，并完全控制可以在画布上编辑的内容。

智能布局几乎会记录您在组和画板中所做的任何更改。除了调整文本等内容之外，您还可以更改文本属性、删除、调整大小、缩放或复制图层，或者交换不同大小的符号。如果您将图层拖入组中，为其腾出空间并调整其周围的其他所有内容，智能布局甚至会有所帮助。

如果您是那种喜欢亲自动手学习这些知识的人，我们已经为您制作了 Sketch 中的交互式智能布局教程：在此处获取。

非常适合堆叠——而这只是一个开始

我们知道智能布局的一个常见用例是堆叠均匀间隔的层，因此我们特别关注这种情况。如果您在均匀间隔的组中选择图层，则可以使用智能分布手柄轻松地重新排序图层或调整图层之间的间距，同时智能布局会根据需要继续调整所有内容的大小。如果您在均匀间隔的组中复制图层，智能布局也会考虑包含正确、一致的间距。

不过，智能布局并不局限于堆栈。从一开始，智能布局就是为了适应您的设计而构建的，而不是强迫您的设计去适应它。这意味着所有类型的布局，无论是间隔不均匀的堆栈、并排放置的层，甚至是重叠的层，都可以在这里使用。考虑到这一点，此更新包括大量工作，使智能布局更加可预测和可靠，特别是在这些场景中。

小事情加起来

最后，我们借此机会为智能布局添加了一些便利功能，使其使用起来更加愉快。

您现在可以使用新的两步快捷方式设置或更改任何选定组或画板的智能布局：⌘L然后按← H → ↑ V或↓设置布局方向。更好的是，如果您在选择的未分组图层上使用此快捷方式，我们还会为您将它们分组。

如果您需要调整某个图层而不影响其周围的其他图层，您现在可以使用 暂停智能布局 并⌥⌘L执行此操作。完成更改后，您可以清除选择以再次恢复智能布局。

智能布局现在还支持 Foresight，让您可以快速了解在检查器中调整图层大小将如何影响其周围的其他图层。

最后，将组或画板转换为符号（或执行相反的操作）将包括任何智能布局属性。因此，您可以使用智能布局在画布上自由地迭代设计系统的新组件，并在需要将它们添加到库时将其转换为符号。