使用自動布局將UILabel + UIImageView在Superview中水平居中

Question

我正在研究自動布局，並且試圖了解如何水平居中放置多個視圖，包括具有固有大小的視圖（如UILabel或UIButton）。

例如，我有一個固定寬度為320的自定義視圖。其中有兩個子視圖：UILabel和UIImageView。 我希望UIImageView在UILabel的右邊為15像素，並且我希望UILabel和UIImageView一起在超級視圖中水平居中，但是我不確定處理此問題的最佳方法。

我應該將它們放置在容器視圖中並使容器視圖在超級視圖中水平居中嗎？ 如果是這樣，如果UILabel具有固有尺寸，如何確定該容器視圖的寬度？

或者，不是應該將它們放置在容器視圖中，我應該計算UILabel的寬度並使用該值發送兩個視圖的前緣/后緣，以便它們在超級視圖中水平居中嗎？

在此先感謝您的智慧！

Answer 1

使用容器視圖是最簡單的解決方案。 如果您在容器視圖與其標簽和圖像子視圖之間創建約束，並且沒有在容器或標簽上創建任何顯式的寬度約束，則標簽將調整其大小以適合其內容，並且容器將調整其大小為適合其子視圖。 然后，您可以在容器和頂層視圖之間創建水平中心約束。