使用自動佈局的一組標籤的寬度相同

Question

我需要使用一些標籤和按鈕創建一個簡單的佈局。以下是我如何在IB中定位UI元素。

這是我多麼希望他們看起來像在應用程序也是如此。標籤左側的寬度設置相同，因此右側的元素將相應地調整其寬度。

我已經在左側的標籤上設置了超前查看約束的前導空間，並在它們之間設置了垂直間距。同樣，我將尾部空間添加到右側標籤和按鈕的超級查看約束中，並且彼此之間有垂直間距。我還在每個元素之間添加了水平間距（例如：名稱< - > John Doe，電話號碼< - >按鈕）。

當我運行它時，它看起來像這樣。

元素只佔用寬度爲他們的內容的需求。我假設發生此問題是因爲沒有辦法自動佈局來決定寬度。如果我將左側的標籤設置爲相同的寬度約束，則它在運行時不起作用，因爲它們的常量是固定的，所以它們看起來像這樣。

我怎樣才能讓他們以適當的像我有他們在界面生成器？

謝謝。

我上傳了一個測試Xcode項目，這個問題here。

Answer 1

在你最後的例子中，它看起來像你幾乎達到你想要的。您使左側的所有標籤具有相同的寬度。您現在可以將第一個標籤上的寬度約束設置爲適合您的寬度，其他標籤應自動匹配。你可能還有的唯一問題就是讓它在更寬的屏幕上看起來不錯。