如何使用自動布局來調整表格視圖單元格中視圖的大小？

Question

我有一個單元格，其中放置了四個按鈕和四個標簽。 每個按鈕都被分配了一張寬度為50，高度為50的圖片。此外，所有按鈕都有一個對應的標簽，說明它們的用途。

我的目標是調整按鈕和標簽的大小，以在屏幕尺寸在不同設備上更改時保持按鈕和標簽的寬高比不變。 我一直在玩自動布局更改擁抱和壓縮來實現這一目的，但還沒有成功。 任何幫助將非常感激...

Answer 1

我認為您應該看一下UIStackView，因為這似乎完全是堆棧的用例。 只需將每對按鈕/標簽放在一個堆棧中，然后將所有四對按鈕/標簽放到一個水平堆棧中，即可將其約束到單元格本身。 您只需配置堆棧的屬性（軸，分布，對齊方式，間距）就可以處理所有需要的操作。

Answer 2

1. 將按鈕和標簽嵌入視圖中。 將此視圖的寬度設置為與內容視圖相同的寬度，並將乘數值更改為1：4。 這將根據超級視圖調整視圖的寬度。 另外，將此視圖的頂部和底部約束設置為0。

2. 將寬度和高度約束設置為50后，為按鈕提供中心對齊y軸約束。將其頂部約束設置為您認為合適的值。

3. 將標簽的前后約束設置為類似8的值。選擇文本的中心對齊方式。 另外，為按鈕的頂部和底部提供超級約束。

4. 復制視圖並粘貼以創建三個視圖，並為第一個視圖提供相等的寬度約束。 另外，提供其前導，尾隨，頂部和底部約束。

Answer 3

以下是有關如何實現此目標的快速教程：

1-

2-完成第一個Gif：

注意，您可以使用UIStackView實現相同的輸出