图层约束 #

调整画板大小时,你可以使用约束来让画板中的图层以特定的方式跟随画板大小变化。

比如你想要在调整画板大小时让其中图层跟随画板同步缩放,请选择画板本身并在右侧栏中选中 根据尺寸适配内容

要设置图层的约束类型,请选择一个图层并更改它的约束设置,其中有两部分设置:

  1. 靠边固定 - 选择在调整大小时你的图层将被固定到父级的哪个边缘,单击启用
  2. 固定尺寸 - 设置图层的高度和宽度是否应该跟随父级拉伸或保持固定大小

右侧会显示动图预览来帮助你理解每个操作的含义。

固定尺寸 #

固定尺寸可以让一个图层的高度或宽度(或整体尺寸)保持不变,无论它的父级如何缩放。

比如在界面上有一个菜单栏,你想在缩放整个画板时让菜单栏始终保持高度不变,那么就应该给菜单栏图层设置纵向的固定尺寸。

在这个例子中,菜单控件的高度是固定的,宽度则不是。它将为更大的设备尺寸调整水平尺寸,但不会在垂直方向上拉伸。

靠边固定 #

Pin to Edge 固定了一个图层与它的父体的一组特定的边缘或角落之间的距离,无论父体如何调整大小。

【视频】

这很有用,例如,如果你在一个界面中有一个浮动的行动按钮,把它钉在顶部和左边的边缘,可以确保它与画板的角落保持相同的距离。

【视频】

在这个例子中,按钮有一个固定的高度和宽度,被钉在左上角的边缘。它不会调整大小,当它的父容器调整大小时,它的位置将保持固定。