iOS:大小类问题

时间:2016-02-06 17:59:42

标签: ios autolayout adaptive-ui

我正在使用大小类创建UI。如下图所示,iPhone 6 Plus存在问题。请帮助iPhone 4s总是造成一团糟。请告诉我UI是否正确?

图片说明:

enter image description here

1 个答案:

答案 0 :(得分:2)

希望这会有所帮助!!

选择Login Merchant按钮,带有OR标签的蓝色和粉红色按钮,并将它们放在具有垂直轴的堆栈视图中。将其命名为(Bottom StackView) 在它们之间加一些适当的间距。

如果你的图像高度没有固定,那么相对于设备高度,这意味着创建一个高度约束imageView =(1/3)高度的mainView。

您还可以在Horizo​​ntal StackView中使用标签 textField用户名,然后将 textFiled (用户名和密码)与标签<结合使用/ strong>在垂直StackView。

在Bottom StackView和Center StackView之间建立垂直约束大于等于20

这将在所有屏幕中提供更好的结果。

如果您不使用 StackView ,则

将SingleView中的Bottom 3按钮( BottomView )和SingleView中的上部textFields和Labels组合在一起( CenterView )。

然后在它们之间设置垂直间距s 大于等于20

如上所述,使图像高度相对于屏幕尺寸。