比例堆栈视图约束引发数十个冲突



我正在尝试设置一个简单的登录视图,该视图由图像、文本字段和按钮组成。我决定使用堆栈视图使故事板与许多屏幕兼容。

限制图像

我可以看到,有几十个问题与约束!?它们总共加起来是1.0,这是堆栈视图的总高度,所以我看不出这个问题。

虽然百分比略有不同,但以下是我试图实现的目标:

冲突图像/总体设计

感谢您的任何意见!

也许您的冲突是因为堆栈视图的padding为非零?

如果将任何子视图(间隔符除外)的内容拥抱优先级或内容抗压优先级设置为1000(这意味着必需),也可能会引入冲突。

与其将子视图约束到堆栈视图的高度,不如将它们的高度相互约束。选择一个子视图作为基准,并根据基准的高度约束其他子视图的高度。

因此,如果你选择用户名标签的高度作为基准高度,你应该创建这样的约束:

  • 徽标高度=8×用户名高度
  • Spacer1.height=用户名.height
  • Spacer2.height=用户名.height
  • 用户名字段高度=2×用户名高度
  • Password.height=用户名.height
  • PasswordField.height=2×用户名.height
  • 登录名高度=2×用户名高度
  • Register.height=2×用户名.height

最新更新