如何在ios中使用自動佈局在空間中並排放置三個按鈕？

我將三個按鈕並排放置在iOS窗口的中心。我使用的是auto layout但我設置constraints是：如何在ios中使用自動佈局在空間中並排放置三個按鈕？

我把第一個按鈕，該按鈕在left with leading和top spacing with horizontal spacing到第二個按鈕。
我把第二按鈕與spacing horizontally從第一按鈕和top spacing
我把第三按鈕與trailing space和top vertical space和horizontal spacing與第二按鈕
接着我分配equal widths給所有的按鈕

但我的按鈕a重新找錯了原因？任何想法？

來源

2017-02-01 Jessica thompson

上傳帶約束的屏幕截圖，以便更好地理解 – rv7284

首先將3個按鈕放在屏幕上並相應地放置它們。既然你想要中間的3個按鈕，就像這樣。

1）將第一個按鈕放在左側，第二個按鈕放在中間（到達中間時可以看到藍色的十字線），然後是第三個按鈕向右。

2）現在選擇中間的按鈕，從右下角選擇第三個小圖標（平行放置兩個矩形），並在容器中水平放置，在容器中垂直放置。

3）現在選擇第1個按鈕，從右下角選擇第2個小圖標（2行之間的一個方框），然後選擇左邊的紅線（朝向邊上會有4條紅線）.remember取消對邊距的限制。之後，再次選擇第一個按鈕和cntrl拖動中間的按鈕，並從下拉菜單垂直選擇中心

4）同樣做的第三個按鈕在右邊，只有差異選擇紅線朝右。

希望我解釋得很慢。我也是初學者，所以我可以理解你的感受:)希望它有幫助。請問你是否有任何疑問。歡呼聲

來源

2017-02-01 12:23:25

仍然面臨問題 –

嘿，不用擔心，剛纔看到你的截圖。這是因爲你已經改變了按鈕的高度和寬度，所以你必須進行一些更改。我希望你已經做到現在。現在選擇中間的按鈕，然後右下角的第二個小圖標（正方形在2行的中間），然後檢查等高和高度框。現在你可以看到黃線。在屏幕的左側，你可以看到一個黃色的三角警告，如符號，選擇該選項，彈出窗口將會出現在選擇更新約束中。對剩餘的2個按鈕執行此操作。 –

檢查等於和高度的盒子？ –

倒入另一父UIView的所有3個按鈕。

然後爲每個按鈕添加以下約束。

左按鈕：頂部，頂部，底部和等寬。
中間按鈕：頂部，底部，等寬和水平居中。
右鍵：頂部，尾部，底部和等寬。

，或者您的部署目標爲> 9.0，嘗試使用水平UIStackView

來源

2017-02-01 11:55:41 Tejas

這裏是你如何實現它：

設置Width &所有三個按鈕的Height。
集中對齊中間按鈕Horizontally & Vertically到容器。
設置Trailing &'Center Vertically(Y)'最左邊的按鈕到中間按鈕。
設置Leading & Center Vertically(Y)中間按鈕的最右邊按鈕。

還是短方式：

添加三個按鈕到一個堆棧視圖中。
中心堆棧視圖Vertically和Horizontally到容器。
設置堆棧視圖Spacing這些按鈕之間的距離值。

來源

2017-02-01 11:59:30

讓我們檢查並批准你的答案..你聽起來很神奇！ –

請解釋第3點和第4點....你的意思是在第3點領先並在第4點落後？ –

** 3。**第一個按鈕的「尾部」空間將被附加到中間按鈕上。並將第一個按鈕垂直居中放置在中間位置。 ** 4。**第一個按鈕的「前導」空間將被連接到中間按鈕。並將第三個按鈕垂直居中置於中間位置。 –

組約束，如：

中間鍵：水平容器，相同的寬度，高度

左鍵：前置，相同的寬度和高度，以中間的按鈕

右鍵：領先，尾隨，等寬和高到中間按鈕

來源

2017-02-01 12:05:03 ios

首先選擇各方面的意見，考慮到中間水平。現在將啓動約束 - 選擇view1 - 將約束前導，頂部，水平間距設置爲view2並給出高度。

對於第二視圖 - 現在選擇所有視圖轉到allign選項右側向下選擇頂部邊緣。現在只選擇第二個視圖 - 給第三個視圖的水平間距和第二個視圖的高度。

對於第三個視圖 - 僅限制拖尾和高度。

最後一個約束 - 選擇所有的視圖去引腳選項，並選擇相等的寬度。現在你的設計已經做好了準備。

來源

2017-02-01 12:49:16 Pavankumar

如何在ios中使用自動佈局在空間中並排放置三個按鈕？

回答

相關問題