Autolayout根据屏幕尺寸ios进行设计

时间:2018-05-01 10:32:20

标签: ios objective-c autolayout ios-autolayout

enter image description here

嗨大家好我想根据屏幕尺寸进行设计。例如,我的整个设计使用autoresizingmask,但现在我想使用AutoLayout

例如,我希望红色视图前导跟踪和底部和顶部空间值根据屏幕大小减小和增加。与UIView的宽度和高度相同,也会根据屏幕尺寸减小和增加

我该怎么做? 我试图设置领先空间,尾随空间,顶部空间,底部空间,宽度,高度,约束我无法得到想法

我如何实现?

3 个答案:

答案 0 :(得分:1)

除了设置前导,尾随,顶部或底部的约束,当你设置高度/宽度使它成比例时,例如说你左边有一个侧面菜单,不要给它明确的宽度,如200/300但是make它的宽度等于查看宽度,设置乘数为0.5,如果你想让它在任何屏幕宽度上占用半屏宽度,同样适用于高度,如果你想以不同的方式配置约束,请使用尺寸等级,例如在iPad上或您选择的任何大小类

//

你可以设置任何约束的乘数,如果它有意义,比如说视图的前导是50就像下面的红色那样,当你制作蓝色视图的倍数时,前导2它将是100,当有一个时使用它如果50为零,则将乘数设置为任何值将不会更改设置视图的前导

enter image description here

enter image description here

答案 1 :(得分:0)

leadingtrailing空间比比例宽度容易得多。
另请注意,将视图约束与SafeAreaLayoutGuide

连接起来

试试这个,看看:

enter image description here

使用iPhone-X设备预览:

enter image description here

答案 2 :(得分:0)

(1)红色视图enter image description here

我将视图的中心x,y设置为父级,并将其与父级比例宽度和高度设为

(2)浅灰色UI按钮enter image description here

我将视图的中心x,y设置为父级,并将其与父级比例宽度和高度设为

检查是否有任何更正请告诉我。 谢谢你