自動佈局：Xcode 6：居中UI元素

Question

我在Xcode 6中使用Interface Builder來製作應用程序，並且無法使文本字段和按鈕居中顯示在不同大小的屏幕上。

我認爲這是一個在容器中選擇水平和垂直居中的問題，但它似乎並不是當我在自動佈局中嘗試它時。其實我已經修了一些，但我仍然沒有得到它。

我只是希望能夠看到我所有的按鈕和文本字段的任何尺寸的iPhone屏幕和現在仿真器僅顯示這樣這些UI元素的一部分：

我也想在故事板而不是代碼中做到這一點，因爲我還沒有在代碼中做到這一點。

Answer 1

步驟1：確保您的尺寸類至少在縱向視圖中覆蓋了所有的iPhone屏幕。因此，將尺寸類更改爲「wCompact hRegular」。

第2步：正確設置大小類後，將UITextFields和UIButton添加到故事板。對我來說，它看起來喜歡 -

第3步的東西： 之前，您開始添加的約束，你需要記住兩個東西 -

一個。您的元素（UITextField，UIButton，UIView或任何組件）需要明確地知道其起始位置，並且

b。你的元素需要知道它的大小意義，高度和寬度。

在這種情況下，因爲你想要中心你的元素，我只是假設它需要從左邊的10個標度開始居中，並且應該距離iPhone屏幕的右邊緣10個刻度。現在，這意味着，它的寬度將根據屏幕大小而有所不同，但其高度將相同。

所以，我剛纔添加的約束下面的方式爲第1文本箱 -

注意，在尺寸檢查，我設置文本框的起點，X和寬度的方式，它離左邊10英尺，離右邊10英尺。別擔心，這只是簡單的數學。

對於第2個文本框，我加約束，同樣way-現在

最後，對於按鈕，約束是以下各項

，你很好去。一切都以中心。

希望這會有所幫助。

Answer 2

您需要利用故事板窗口底部的尺寸等級選擇器。

所以爲iPhone 6或6加上肖像，你會選擇一個緊湊的寬度和定期高度是這樣的：

然後你會做任何自動佈局的東西對於給定的設備有

Answer 3

通過在故事板窗口底部使用尺寸類別選擇器，將尺寸設置爲任意寬度和任意高度，然後遵循以下自動佈局約束。它會爲你工作。

首先選擇要設置自動佈局，然後選擇您的故事板的右下角的引腳選項，然後添加約束，如上面的圖片中的視圖，然後點擊按鈕Add 4 constrains

對所有視圖重複該過程並將約束設置爲Fix the top, bottom, left and right constrains of all views except the last button that should be fix from top,left,right and fixed height。