新增功能:智能动画 — 为您的原型带来动感。 了解更多

跳过导航

调整大小约束

上次更新于 2023 年 8 月 24 日
阅读时间:2 分钟

调整画板大小时,您可以控制其上的图层将如何表现。您可以选择保留画板上的所有内容并保持其原始大小,或者调整所有内容的大小。您可以通过直接向其应用调整大小约束来进一步控制图层的行为。

如果您希望图层相对于其所属的画板调整大小,请选择画板本身,并在检查器中选中“调整内容大小”复选框。

启用画板的内容大小调整 (v91 2022 年 8 月)。

在检查器的“详细信息”选项卡中,在“调整大小”下,您可以选择当所选图层所属的画板、组或符号调整大小时,如何约束任何所选图层的调整大小行为。

要设置约束,请在画板、组或符号中选择一个图层,并应用“调整大小”约束。

  1. 固定到边缘:选择调整大小时图层将固定到的父级的哪个边缘。单击您要启用的边缘。
  2. 固定大小:设置图层的高度和宽度是否应拉伸或保持固定大小。

留意“预览”,查看约束将如何影响所选图层的行为。

默认情况下,我们将调整组或符号内图层相对于其父级的大小,包括任何填充。

检查器中的调整大小约束 (v91 2022 年 8 月)

固定大小

固定大小约束使图层的高度或宽度(或整体尺寸)保持不变,无论其父级如何调整大小。

将固定大小调整大小约束应用于图层宽度的示例 (v91 2022 年 8 月)

例如,当您有一个希望保持相同高度的菜单栏时,固定大小特别有用,无论画板宽度如何变化。

在此示例中,菜单符号的高度是固定的,但宽度不是。它将针对更大的设备尺寸水平调整大小,但不会垂直拉伸。

固定到边缘

固定到边缘修复图层与其父级特定边缘或角之间的距离,无论父级如何调整大小。

使用固定到边缘调整大小约束的示例,设置为顶部和左侧 (v91 2022 年 8 月)

例如,如果您在界面中有一个浮动操作按钮,这将非常有用。将按钮固定到顶部和左侧边缘将确保它与画板角的距离保持不变。

在此示例中,按钮具有固定的高度和宽度,并固定到左上角。它不会调整大小,并且当其父容器调整大小时,其位置将保持固定。