技术文章

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

除了在您需要的任何地方使用它外，我们还通过我们认为您会喜欢的智能布局进行了全面改进。让我们深入了解它们......

为符号而生，注定更多

在我们了解新功能之前，让我们退后一步，回顾一下智能布局是什么以及做什么。

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

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

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

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

如果您熟悉智能布局，则可以轻松将其与群组和画板一起使用。如果您不熟悉，它仍然很容易。选择一个组或画板，在检查器中设置其布局，即可完成。现在，您可以获得 Smart Layout 的自动调整大小功能，并完全控制您可以在 Canvas 上编辑的内容。

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

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

在堆叠方面表现出色 — 而这仅仅是个开始

我们知道智能布局的一个常见用例是使用均匀分布的图层堆叠，因此我们特别关注此方案。如果在均匀分布的组中选择一个图层，则可以使用“智能分布”手柄轻松地对图层重新排序或调整图层之间的间距，而“智能布局”会根据需要继续调整所有内容的大小。如果在均匀分布的组中复制图层，“智能布局”也会负责包括正确、一致的间距。

不过，智能布局并不局限于堆栈。从一开始，Smart Layout 就是为了适应您的设计而构建的，而不是强迫您的设计适应它。这意味着各种布局，无论是堆叠间距不均匀的布局、并排放置的图层，甚至是重叠的图层，都可以在这里使用。考虑到这一点，此更新包括大量工作，以使智能布局更具可预测性和可靠性，尤其是在这些情况下。

小事加起来

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

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

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

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

最后，将组或画板转换为符号（或反之）将包含所有智能布局属性。因此，您可以使用智能布局在画布上以组形式自由迭代设计系统的新组件，并在需要将它们添加到库中时转换为符号。