使用情节提要的快速自动布局

时间:2018-09-16 20:46:44

标签: swift autolayout storyboard ios-autolayout

我有一个视图,该视图分为4行5个片段(高度也为1的视图)。 我正在使我的swift应用程序响应于不同的Apple设备尺寸,但问题是小视图的y位置不会随设备尺寸而改变,并且界面也很丑陋。 问题是如何使每个小视图的y位置取大视图的1/5的值。 请注意,我是乘数和高级约束的新手。 我希望我已经明确了我的问题,并在此先感谢。 编辑: picture 1 picture2 抱歉,由于声誉原因我无法上传图片,但这是图片的两个链接

3 个答案:

答案 0 :(得分:0)

这听起来像是您在以“均等填充”模式描述一个具有五个排列视图的堆栈视图(UIStackView)。它将导致五个子视图中的每一个占据其自身高度的1/5。

enter image description here

enter image description here

答案 1 :(得分:0)

我不确定您如何设置“小”视图,但是我建议您使用UIStackView来达到所需的效果。 Here you can read more about it

  1. 使用Interface BuilderVertical Stack View添加到视图控制器。
  2. 在其中放置“小”视图。
  3. 使用Interface Builder,将Distribution参数设置为Fill Equally

此后,UIStackView将使您的小视图高度相等,并且填充其高度。

答案 2 :(得分:0)

我使用UIStackView进行设置,其中包含5个视图和4个视图作为行。

这是堆栈视图的设置:

stack view setup in Xcode

这是视图层次结构和约束的设置:

view hierarchy and constraints in Xcode


注意:

  1. 直线具有将其高度设置为1点的约束。
  2. 视图2到5的高度设置为等于视图1的高度。
  3. 堆栈视图的大小限制在安全区域内。