如何平均分配使用自动布局UIButtons(How to equally distribute UI

2019-10-21 00:20发布

我只是希望我的按钮有平等的空间,彼此固定尾随和前导空格。 我还挺自动布局小白,所以我没有任何线索如何解决这个问题。 我尝试了很多不同的配置,但没有奏效,因为它应该。 任何想法如何解决这个问题呢?

UPDATE

在2018年StackViews是答案。

Answer 1:

来布置是基于设备的定向比例间距几个视图中,创建可见视图之间间隔的意见。 正确设置这些垫片意见的约束,以确保可见视图能够留隔开基于设备的方位

脚步:

  1. 创建可见视图。

  2. 创建间隔的意见等于可见视图加上一个数。

  3. 备用把你的意见,从间隔视图。

  4. 空间两个可见的意见,把所有的意见,下面的模式,从屏幕和向右移动的左侧开始:

spacer1 | 厂景| spacer2 | 视图2 | spacer3。

  1. 限制垫片意见,使它们的长度彼此相等。

  2. 创建与第一分隔件视图容器视图领先的约束。

  3. 从创建的最后间隔视图容器视图尾随约束。

  4. 创建间隔的意见和可见视图之间的约束。

下面的示例使用在上述任务中的步骤,以显示如何定位比例间距两个视图。 间隔物的观点被注释为例子,但通常留下空的,没有背景。 首先,创建两个视图,并放置在故事板。

一个观点,添加三根隔离到最左边的看法,一个两个视图之间,而一到最右边的视图的右左。 间隔意见不必是相同的尺寸,此时,因为它们的大小将通过限制进行设置。

创建间隔享有以下限制:

  1. 限制垫片视图2和间隔视图3的宽度为等于间隔视图1的宽度。
  2. 限制垫片视图1的宽度为大于或等于最小所需的宽度。
  3. 从创建视图间隔1至容器中的前导空格,以集装箱约束。
  4. 创建从间隔件视图一个水平间距约束,以查看1.设置这个约束是一个低于或相等到1000的优先级约束。
  5. 创建从间隔件视图2水平间距约束视图1和视图2.设置这些限制是一个低于或相等-与999优先级约束。
  6. 创建从垫片视图3水平间距约束,以查看2.设置这个约束是一个低于或相等到1000的优先级约束。
  7. 创建从垫片视图3在容器上的结尾间隔的容器约束。

    这些约束创建两个可见视图和三个看不见的意见(间隔意见)。 这些间隔的观点自动调整为一体的装置的取向改变,保持按比例隔开的可见视图,如图中下面的两个图:

这是苹果的方式还建议在做这个例子

除此之外,您在其中拥有这些按钮和调整你的观点,即按钮容器视图,并保持开头和结尾的约束与相同的恒定值相等关系的按钮容器视图做这些事情。 并加入剩余的顶部和底部约束那些可能需要。

我给这里的例子中相同的步骤,因为这取决于链接的答案可能不是优选。



Answer 2:

如果要添加从厦门国际银行这些按钮,然后从厦门国际银行设置下自动尺寸段删除自动布局和设置的弹簧和支柱



文章来源: How to equally distribute UIButtons using Autolayout