如何为自适应布局正确设置约束?

时间:2017-03-14 17:23:37

标签: ios iphone xcode

我非常难以为多个屏幕方向创建布局。我一直在使用自动布局的建议约束,但有时它们不能按预期工作。我一直在努力学习如何通过阅读和观看教程来正确设置我的布局,但我仍然无法理解限制是如何工作的!

我要做的是在iPhone 7中使按钮宽度同样如此:

enter image description here

但在iPhone 4S等其他设备上,第二个按钮宽度缩小,这不是我想要的:

enter image description here

有人可以向我解释限制在外行术语中的作用吗?我不明白这样的事情:

  • 领先/尾随空间
  • 约束到边距
  • 等宽和高度
  • 顶部,底部,底线等(它们甚至意味着什么?)

1 个答案:

答案 0 :(得分:0)

以下是制作两个等宽按钮的方法:

  1. 创建两个按钮
  2. 为每个按钮添加垂直位置约束。例如,您可以使用“Align-> Vertical in Container”功能(位于界面构建器窗口的左下角)将它们放置在父视图的中心。
  3. 选择两个按钮。使用“Add New Constraints-> Equal Widths”
  4. 在它们之间添加相等的宽度约束
  5. 将左侧按钮的左边缘约束到父视图的前边缘
  6. 将左按钮的右边缘限制在右按钮的左边缘。使用您创建的约束的“常量”属性在按钮之间添加空格。
  7. 将右键的右边缘限制在父视图的右边缘
  8. 希望有所帮助!