iOS8中自動布局的問題

Question

自從我為iOS開發了一個應用程序以來，已經有一段時間了，我正在運行有關自動布局的問題。 我一直在嘗試在文本字段中添加一個小子視圖，但是在iPhone 5上它們的排列正確，但是在iPhone 6上，該視圖比我期望的要大得多。 尺寸或比例與iPhone 5完全不匹配。

您可以從這些示例中看到我對6的期望和實際獲得的東西。

文本字段也發生了類似的問題。 在5號上，它位於正確的位置，但在6號上，我無法將其顯示在同一位置。

我究竟做錯了什么？

Answer 1

您正在混合和匹配長寬比和硬編碼的距離數字。

• 紅色視圖將與超級視圖的頂部，左側和底部保持固定的距離，並具有設置的長寬比
• 因此，在較大的屏幕上，紅色視圖會更大，但比例相同
• 白色視圖是距紅色視圖的頂部，左側，底部和右側邊緣的固定距離
• 因此，在較大的屏幕上，白色視圖的大小將有所不同，但不一定成比例，因為您插入視圖的距離不會改變

如果您希望整個事情按比例縮放（對於一個文本字段來說似乎很奇怪，您希望它在任何地方都具有相同的高度，那么您需要執行一些操作，例如將白色視圖固定在屏幕的左側，底部和右側並為其提供寬高比約束。

不要忘記，您還可以向視圖添加特定的高度或寬度約束-您不必確定與超級視圖相關的所有內容。

編輯器中的橙色線告訴您，您所看到的幀當前不符合您為視圖選擇的約束。 您應該從“解決問題”菜單中選擇“更新框架”，以更好地了解正在查看的內容。 布局預覽助手對於同時檢查多種屏幕尺寸的布局外觀也非常有用。