使用Autolayout製作簡單的用戶界面

Question

我剛開始學習autolayout和swift。我正在嘗試使以下用戶界面工作。

然而，於iPhone 4s模擬器它看起來像這樣添加的約束（其在後面敘述）之後。我截取了整個模擬器的截圖。

上的其他設備，例如iPhone 6加，它看起來不同。我讀到你應該添加約束，你認爲這足以定義對象的位置。我添加這些約束：

約束的UIImageView

1. 圖像被 「方面適合」。
2. 寬度約束。
3. 寬高比。
4. 前導和頂部空間至上海華（I也試圖消除「龍頭空間」約束，而是加入「容器水平中心」約束）

我認爲上面的約束應足以來定義對象的大小和位置。

約束的UITextField

1. 寬度約束。
2. 寬高比。
3. 領先的超級景觀空間。
4. 垂直間距UIImageView。

再次，應該足以定義文本字段的位置。看來XCode認爲不然。我如何使這個簡單的界面工作？我錯過了什麼？

編輯

讓XCode的推斷約束效果最好。我爲兩者設置了寬度和寬高比約束。其他約束是由XCode（圖像視圖的頂部空間，底部空間和圖像視圖的水平中心以及文本框的水平中心相對於圖像視圖）推斷的。

我的問題是，你在我的原始約束中看到錯誤嗎？如果我能理解，那麼我可以轉向複雜的接口。讓XCode推斷約束並不總是奏效。

Answer 1

您可以嘗試刪除寬度約束。相反，將追尾邊緣添加到超級視圖。隨着長寬比，這應該適合圖像到屏幕上。