我正在尝试设置一个简单的登录视图,该视图由图像、文本字段和按钮组成。我决定使用堆栈视图使故事板与许多屏幕兼容。
限制图像
我可以看到,有几十个问题与约束!?它们总共加起来是1.0,这是堆栈视图的总高度,所以我看不出这个问题。
虽然百分比略有不同,但以下是我试图实现的目标:
冲突图像/总体设计
感谢您的任何意见!
也许您的冲突是因为堆栈视图的padding
为非零?
如果将任何子视图(间隔符除外)的内容拥抱优先级或内容抗压优先级设置为1000(这意味着必需),也可能会引入冲突。
与其将子视图约束到堆栈视图的高度,不如将它们的高度相互约束。选择一个子视图作为基准,并根据基准的高度约束其他子视图的高度。
因此,如果你选择用户名标签的高度作为基准高度,你应该创建这样的约束:
- 徽标高度=8×用户名高度
- Spacer1.height=用户名.height
- Spacer2.height=用户名.height
- 用户名字段高度=2×用户名高度
- Password.height=用户名.height
- PasswordField.height=2×用户名.height
- 登录名高度=2×用户名高度
- Register.height=2×用户名.height