iOS : Size classes issue

标签 ios autolayout adaptive-ui

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

图片说明:

enter image description here

最佳答案

希望这对您有所帮助!

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

如果您的图像高度不固定,则使其相对于设备高度,这意味着创建 imageView 的高度约束 = (1/3)mainView 的高度。

您还可以在 Horizo​​ntal StackView 中获取 LabeltextField Username,然后将 textFiled(用户名和密码)和 LabelVertical StackView 中。

在 Bottom StackView 和 Center StackView 之间设置垂直约束大于等于 20

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

万一你不使用StackView

将 SingleView 中的底部 3 按钮 (BottomView) 与 SingleView 中的上部文本字段和标签 (CenterView) 合并。

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

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

关于iOS : Size classes issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35244429/

相关文章:

ios - Xcode6 Interface Builder 约束不拉伸(stretch) subview

ios - 使用大小类更改字体大小

ios - 检查表格 View 单元格上的签名

ios - Lottie:无法获取带名称的动画

ios - 核心数据: Why create a custom persistent store?

ios - 带有选项卡栏和导航栏的 ScrollView 自动布局

ios 自适应布局/尺寸类以针对特定手机尺寸?

ios - 为 iOS 应用程序制作计时器

ios - 纵向和横向模式下的不同布局

ios - subview 的框架在呈现 View Controller 后更新