如何正确对齐多个视图

时间:2015-11-28 09:10:36

标签: ios uiview interface-builder

您好我想在电池指示器下方立即创建一个带有搜索栏的UI,并在搜索栏下方垂直对齐两个UIView。两个视图的高度相同,应该占据屏幕的其余部分。我试图为视图添加约束,但它们的大小要么超出屏幕边界,要么留空边距。实现这一目标的最佳方法是什么?我的应用程序针对的是iOS 6,因此请不要使用堆栈视图:)

这是我当前布局的屏幕截图:

Screenshot

视图超出右侧边界,并且它们之间有白色条纹。我尝试添加约束来将左右边距设置为零,但仍然得到不正确的大小。

2 个答案:

答案 0 :(得分:1)

确保您的Autolayout约束如下:

topView应该有:

  • 领先热门跟踪 - 至TopLayoutGuidelines
  • 等高底部(或垂直空间) - bottomView

bottomView应该有:

  • 领先热门跟踪平均身高 - 至firstView
  • 底部 - 到BottomLayoutGuidelines

答案 1 :(得分:0)

1.为视图和&&组合设置相等的宽度等高。

  1. 在两个视图之间设置垂直空间。

  2. 将前导,尾随,顶部空间设置为一个视图的视图和底部空间。

  3. 4.为视图设置水平中心。

    1. 将view2的前导和尾随设置为view1。
    2. 您可以更好地为视图设置相等的宽度