Skip to content

约束

约束控制子元素在父容器尺寸变化时的行为。

约束类型

约束行为
保持与左边界的距离不变
保持与右边界的距离不变
左+右宽度随父容器缩放(适合宽度拉伸的元素)
居中保持水平居中位置
保持与上边界的距离不变
保持与下边界的距离不变
顶+底高度随父容器缩放
上下居中保持垂直居中位置

与自动布局的区别

  • 约束适用于非自动布局的 Frame 内子元素
  • 自动布局提供更强大的响应式控制(推荐优先使用)

常用组合

场景水平约束垂直约束
顶部状态栏左+右
底部固定按钮左+右
侧边栏顶+底
全屏背景图左+右顶+底