自动版式:在控制器

问题描述:

这里3次是屏幕截图:enter image description here自动版式:在控制器

如何应用约束,使得

  1. 红色视图停留在相同的高度,独立的3.5或4英寸的外形
  2. 绿色和蓝色是相同的宽度和相同的高度
  3. 绿色,蓝色和红色有标准间距与含视图
  4. 红色,绿色,蓝色具有的间距对方
  5. 绿色对齐的红色右侧
  6. 蓝色对齐的红色在左侧

的应用程序只有在肖像模式下运行。的XCode 5和iOS 7

感谢

+0

您遇到哪些限制?不要全部说出来,因为如果你什么都不做,那只会是真的。如果你说出你迄今为止所做的工作,人们将更有可能帮助你。 – Abizern

+1

实际上只是尝试根据您的列表添加约束条件。它应该很容易。 – sha

+0

您有一个编号的视图约束列表。其中一些项目实际上包含多个约束,但只是逐个浏览您的列表并将约束添加到视图中。 – Fogmeister

这很简单,如果你试试看。

  1. 对于红色,请修正它的左边,右边的&顶部值,如容器中。
  2. 对于蓝色,修复左边&底部,同样对于绿色,相对于父视图底部修复右边&底部。
  3. Ctrl +从蓝色拖动到绿色&从弹出窗口中选择高度选项。下次重复宽度。
  4. 对于红色,请从约束中固定高度。
  5. ctrl +从蓝色拖动到绿色&设置正确的位置。
  6. Ctrl +从绿色拖动到红色&选择顶部位置。

让我知道它是否不适合你。

+0

完全像你说的那样。谢谢。 – mrd

视觉格式,这些限制将你想要做什么......

@"|-[redView]-|" 
@"|-[blueView]-[greenView(==blueView)]-|" 
@"V:|-[redView(==100)]-[blueView]-|" 
@"V:[redView]-[greenView]-|" 

如果您在使用要将这组约束条件(无论是在界面生成器或代码visualFormatLayout),那么你会得到你想要的。

当然,这些假设你仅仅使用标准隔板间距及100

蓝色红色视图高度,然后绿色将根据屏幕大小调整高度。

虽然这种布局非常简单。你应该可以在不问问题的情况下解决这个问题。只需将它绘制在一张纸上,并计算出系统需要使其工作的信息。

事实上,在你的问题中,你刚刚提供了一个视图约束列表。只需使用Interface Builder逐个插入这些约束即可。