簡體   English   中英

如何將兩個按鈕與UIView的中心等距離對齊

[英]How to align two buttons equidistance from the centre of the UIView

我正在使用自動布局。 面對有趣的問題。 幸運的是,它暫時克服了它,但需要知道解決它的最佳方法。

在此輸入圖像描述

問題:如上圖所示,我有幾個按鈕。 兩者都需要放置在距離UIView中心等距離的位置(粗體垂直線是視圖的中心)。 此外,我必須以這樣的方式應用約束,即按鈕之間的距離將自動調整。 例如,距離應為設備寬度的25%。 如果我的設備寬度為320,則按鈕之間的距離為80像素,依此類推。

解決方案(我試過):對於上述問題,我嘗試了解決方案。 如圖所示,我在UIView中添加了虛擬視圖,虛擬視圖的寬度等於兩個按鈕之間的間距。 然后我將約束應用於虛擬視圖。 例如: 1. Horizontal centre of the UIView 2.Width equals to the UIView width with 0.25 as a multiplier

問題:以上解決方案對我來說非常合適。 但是如果將來如果我的視圖會有太多復雜的元素,那么添加虛擬視圖可能不是一個好主意。 那么,有沒有其他干凈的方法來做到這一點?

我遇到了同樣的問題。 我決定使用rdelmar的答案得到的想法。

這就是我做的。

對於左鍵:

  1. 將約束添加到“中心 - 水平容器”
  2. 然后將該乘數的乘數更改為0.5而不是1。

對於右鍵:

  1. 將約束添加到“中心 - 水平容器”
  2. 然后將乘數更改為1.5而不是1。

讓我知道它是否適合你。

您可以通過在屏幕右邊緣使用約束來在故事板(或xib)中執行此操作 - 右邊緣的值與屏幕的寬度相同,因此您可以將其用於計算。 對於左按鈕,您希望其后緣等於超視圖的右邊緣時間0.375(0.5減去.125,這是您25%要求的一半)。 右按鈕的前沿等於超視時的右邊緣時間0.625(.5 + .125)。

約束看起來像這樣,

在此輸入圖像描述

在此輸入圖像描述

嘗試將btn2的前緣和btn1的后緣與視圖集的中心y對齊,並將乘數200:160和120:160分別調整為中心y為第二項

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM