ios - Swift - 大屏幕上的自动布局调整大小按钮

Question

我正在尝试使用 swift 开发一个计算器(见图)

因为我没有输入任何约束，当我在大于 4 英寸的 iPhone 屏幕上运行应用程序时，按钮保持在相同的位置(见图)

我可以输入哪些约束来确保按钮的大小可以随着屏幕尺寸的增加而增长？请注意，红色 View 是 ScrollView 中的内容 View ，因此具有以下层次结构:

• View Controller
  • ScrollView
    • 内容红色 View
      • 按钮

其中 ScrollView 具有以下约束:(前导、尾随、底部和顶部到他的 super View )而内容 View 具有:(前导、尾随、底部、顶部、等宽和等高 ScrollView )

编辑: 回应 Rizwan Shaikh

它有效，唯一的问题是当我使用 iphone 6/6 plus 运行应用程序时，容器 View (红色)变得低于 ScrollView (绿色)(见图)，而在 iPad 上按钮超过容器 View 的大小迫使 ScrollView 垂直滚动，为什么会这样？

编辑 2:回应 Rizwan Shaikh

谢谢!

Answer 1

你应该像这样使用约束

firstButton LeadingSpace = 20 from mainView    
secondButton LeadingSpace = 20 from firstButton   
thirdButton LeadingSpace = 20 from secondButton  
thirdButton TrailingSpace = 20 from mainView       

同时选择给定行中的所有按钮转到编辑器 -> 固定 -> 宽度相等
它将使您的所有按钮具有相同的宽度
像这样类似地指定顶部和底部空间

firstButton TopSpace = 20 from mainView
fourthButton topSpace = 20 from firstButton // consider 3 button in one row
fourthButton BottomSpace = 20 from MainView