跳过导航

为什么我的智能布局符号无法正常工作?

上次更新于 2022 年 8 月 25 日
阅读需 3 分钟

智能布局允许您创建可调整大小以适应其内容的符号。在创建按钮、导航元素或更复杂的组件(如卡片)时,此类符号非常有价值。在我们的文档中了解有关智能布局的更多信息。

当我更改内容时,我的符号不会调整大小

当您使用智能布局属性创建符号时,Sketch 将根据其中的内容确定符号的大小。如果您的智能布局符号未按预期运行,则可能是因为您已手动调整了其大小。手动调整具有智能布局属性的符号的大小将暂时禁用其智能自动调整大小的行为。

手动调整启用了智能布局的符号的大小可能会导致意外的结果。确定符号是否已手动调整大小的一种方法是选择您的符号实例(在图层列表中或画布上单击它),然后在右侧的检查器中查看是否显示“将实例大小调整为适合内容”图标: Shrink Instance

A screenshot showing where the size to fit icon can be found.

要为此符号实例重新启用智能布局,请单击该图标。Sketch 将删除手动调整大小,并根据其内容和智能布局属性计算符号实例的大小。

我们正在不断改进 Mac 应用程序,并且符号的智能布局是未来版本中值得关注的领域。目前,您需要决定是希望将您的符号作为可以手动调整大小的常规符号,还是作为可以根据其内容自行调整大小的智能布局符号。在我们的文档中了解有关智能布局的更多信息。

我的符号的内容以意想不到的方式调整大小

当您调整 Artboard 和符号的大小时,或者当智能布局调整它们的大小以适合其内容时,Sketch 始终会尝试做出明智的选择,但有时 Sketch 需要您的指导。调整约束让 Sketch 知道符号中的图层应如何调整大小,方法是允许您将 x 轴和 y 轴定义为刚性而不是柔性。

A screenshot highlighting the Resizing Contraints.

文本图层具有其他布局属性,它们可以具有

  • 自动宽度或
  • 自动高度或
  • 手动大小。

这会影响其调整约束,具有自动高度的图层始终会将其 y 轴设置为刚性,因为它在放置它的符号或 Artboard 调整大小时不会调整大小。

A screenshot highlighting the Resizing Constraints for Text.

请注意: 钉在相对边缘的图层不能使用调整约束将轴设置为刚性。Sketch 无法同时保持其与边缘的距离,并保持其大小相同。要了解有关调整约束的更多信息,请访问我们的文档。

调整大小时,我的符号的内容移动到错误的位置

当您调整 Artboard 或符号的大小时,Sketch 将调整其内容的大小并移动其内容。如果您将元素放置在距离左边缘 5% 的位置,则 Sketch 在调整 Artboard 或符号的大小时会使其与边缘保持 5% 的距离。要告诉 Sketch 到一个或多个边缘的距离是绝对的而不是相对于 Artboard 大小的,请使用固定。

启用固定后,Sketch 将保持您的图层与其组或 Artboard 边缘的距离,如果您将其固定到相对边缘(右侧和左侧,或顶部和底部),它甚至会调整图层的大小以保持此距离。

A screenshot highlighting the Pinning Controls.

请注意: 钉在相对边缘的图层不能使用调整约束将轴设置为刚性。Sketch 无法同时保持其与边缘的距离,并保持其大小相同。要了解有关调整约束的更多信息,请访问我们的文档。

如果您遇到无法解决的问题,请联系我们。 为了帮助我们帮助您,始终最好包含指向您的文档的链接或向我们发送您的文件的副本。

© . All rights reserved.