Skip to content

约束 ​

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

约束类型 ​

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

与自动布局的区别 ​

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

常用组合 ​

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