Swift - 大屏幕上的Autolayout调整大小按钮

时间:2015-04-20 12:54:17

标签: ios xcode swift autolayout

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

iphone 5s

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

iphone 6

我可以输入哪些约束以确保按钮的大小随着屏幕尺寸的增加而增长?请注意,红色视图是滚动视图内的内容视图,因此具有以下层次结构:

  • 查看控制器
    • 滚动视图
      • 内容红色视图
        • 按钮

其中滚动视图具有以下约束:(其超视图的前导,尾随,底部和顶部),而内容视图具有:(前导,尾随,底部,顶部,相等宽度和相等高度以滚动视图)

编辑: 以回应Rizwan Shaikh edit

它的工作原理,唯一的问题是,当我用iphone 6/6 plus运行应用程序时,容器视图(红色)已经低于滚动视图(绿色),而在iPad上按钮超过了容器视图的大小强制滚动视图垂直滚动,为什么会发生这种情况?

编辑2: 回应Rizwan Shaikh

iphone4s iphone6 ipad

谢谢!

1 个答案:

答案 0 :(得分:2)

你应该使用像

这样的约束
firstButton LeadingSpace = 20 from mainView    
secondButton LeadingSpace = 20 from firstButton   
thirdButton LeadingSpace = 20 from secondButton  
thirdButton TrailingSpace = 20 from mainView       

还选择给定行中的所有按钮转到编辑器 - > Pin - >宽度平等
它会使你的所有按钮宽度相同      同样指定top和bottomSpace就像这样

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