使用简单的用户界面可以使用Autolayout

Question

我刚开始学习autolayout和swift。我正在尝试使以下用户界面工作。

但是，在iPhone 4s模拟器上，添加约束后会出现这种情况（稍后会介绍）。我已经拍摄了整个模拟器的截图。

在iPhone 6 plus等其他设备上，它看起来与众不同。我读到你应该添加约束，你认为这些约束足以定义对象的位置。我添加了这些约束：

UIImageView

的约束

1. 图像是＆＃34;方面适合＆＃34;。
2. 宽度约束。
3. 宽高比。
4. 超级视图的领先和顶级空间（我也尝试删除＆＃34;领先空间＆＃34;约束，而是在容器中添加＆＃34;水平中心＆＃34;约束）

我认为上述约束应足以定义对象的大小和位置。

UITextField

的约束
1. 宽度约束。
2. 宽高比。
3. 领导超级视野。
4. 与UIImageView的垂直间距。

同样，应该足以定义文本字段的位置。似乎XCode不这么认为。如何使这个简单的界面工作？我错过了什么？

修改

让XCode推断出约束效果最好。我为两者设置了宽度和宽高比约束。其他约束由XCode推断（顶部空间，底部空间和图像视图的水平中心到超视图和文本域的水平中心相对于图像视图）。

我的问题是，你看到我原来的约束有错吗？如果我能理解，那么我可以转向复杂的接口。让XCode推断约束并不总是有效。

Answer 1

您可以尝试删除宽度约束。相反，将后端添加到superview。使用宽高比，应该使图像适合屏幕。