如何使用自動布局來對齊這兩個 UIButton？

Question

我有一個自定義的 UIView XIB 文件，我在其中放置了兩個按鈕：

這里的按鈕圖片

我如何以編程方式（Swift）或使用界面對齊這些按鈕以使其看起來像這樣？

目前，我得到這個

當前按鈕（壞）

按照亞歷山大的方法，我這樣做了，這是我當前的約束和工作空間。

Answer 1

向按鈕 1 添加以下約束：

• 超視領先空間
• 與按鈕 2 等寬
• 與按鈕 2 等高
• 按鈕 2 的水平間距

對於按鈕 2：

• 到 SuperView 的尾隨空間
• 按鈕 1 的水平間距
• 與按鈕 1 等寬
• 與按鈕 1 等高

Answer 2

只需按照以下步驟操作：

Step 1.select LEFT IMAGE並設置這些約束

• 剩下
• 最佳
• 底部

快照展示：

第 2 步：選擇右圖像並設置以下約束： - 右 - 頂部 - 底部

快照在這里：

第 3 步：選擇 Left Image 和 CMD+ 從左到右拖動鼠標並選擇 SELECT HORIZONTAL SPACING

快照在這里：

第 4 步：選擇 Left Image 和 CMD+ 從左到右拖動鼠標並選擇 EQUAL WIDTH 作為第 3 步中的圖像。

解決了 ！

希望能幫助到你。

Answer 3

在 IB 中添加這樣的約束：等寬

等高

將一個按鈕的頂部固定到另一個按鈕的頂部

也用於底部

為左下角設置左、上、寬和高

Answer 4

1. 首先“控制”單擊並從一個按鈕拖動到另一個按鈕，然后像下面的 IMAGE 1 一樣進行設置。

圖像 1 - http://imgur.com/J3nmkIx

2. 將引腳設置到對角並取消單擊“約束到邊距”

圖像 2 - http://imgur.com/ciBtnLz