2016-04-26 68 views
1

我有一個自定義的UIView XIB文件,在其中我已經把兩個按鈕:如何使用自動佈局來對齊這兩個UIButton?

Image of Buttons Here

我怎樣才能progammatically(SWIFT)或使用該接口對準這些按鈕,看起來像這樣?

目前,我得到這個

Current Buttons (BAD)

按照亞歷山大的方法,我這樣做,這是我目前的制約因素和工作區。

enter image description here

+0

如果您僅支持iOS9及更高版本,請將兩個按鈕添加到水平「UIStackView」並將其設置爲「均等填充」。然後將「UIStackView」的頂部,前端和後端固定到超級視圖的邊緣。 'UIStackView'極大地簡化了自動佈局。 –

+0

可能是這將有助於http://stackoverflow.com/questions/29620409/need-assistance-setting-two-buttons-of-equal-width-side-by-side-autolayout/29620794#29620794 –

回答

0

添加這樣的約束在IB: 相等的寬度

相等的高度

銷頂部的一個按鈕來的其他

也頂部底部

設置左,頂部,左下寬度和高度

1

添加以下約束到按鈕1:

  • 主導空間的SuperView
  • 均等寬度,以按鈕2
  • 相等的高度,以按鈕2
  • 水平間距,以按鈕2

對於按鈕2:

  • 尾隨空格,以上海華
  • 水平間距,以按鈕1
  • 等於寬度以按鈕1
  • 相等的高度,以按鈕1
+0

你應該釘按鈕也位於superview的頂部和底部。現在,'y'和'height'都沒有被約束(從其中一個按鈕的內容中可以看到「height」) – EmilioPelaez

+0

是的,如果高度不是常數,那麼你需要在superview中添加頂部和高度約束垂直位置 –

+0

不起作用,我得到相同的結果。 –

0
  1. 首先「控制」,從一個按鈕,點擊&拖動到其他並在下面的圖1中設置它。

IMAGE1 - http://imgur.com/J3nmkIx

  • 設置引腳的相對的角,並取消選中 「約束到邊距」
  • IMAGE2 - http://imgur.com/ciBtnLz

    +0

    我如何設置針腳? –

    1

    只要按照這一步:

    步驟1。選擇左圖和設置這些約束

    • 底部

    快照顯示: enter image description here

    步驟2:選擇右圖像及設置這些限制: - 右 - 頂部 - 底部

    快照這裏: enter image description here

    步驟3:選擇左圖像和CMD +拖動鼠標從左至右圖像和選擇SELECT水平間距

    快照這裏:enter image description here

    步驟4 :選擇左圖像和CMD +從左到右拖動鼠標圖像,並選擇EQUAL WIDTH作爲步驟3中顯示的圖像。

    解決!

    希望它有幫助。

    +0

    我完全按照你的意思做了,但沒有成功。是因爲我在UIView XIB文件中做這件事嗎? –

    +0

    我不知道如何上傳圖片,但這些都是我的約束,我可能會錯過任何東西嗎? http://s32.postimg.org/jyxydd0lx/Screen_Shot_2016_04_29_at_6_20_29_PM.png –

    +0

    選擇圖像不能查看,如果你把另一個uiview放在xib上,然後隨着視圖你也需要設置圖像約束 –