在情节提要 IOS 7 中根据屏幕宽度和高度修复两个 uiview 大小

Posted

技术标签:

【中文标题】在情节提要 IOS 7 中根据屏幕宽度和高度修复两个 uiview 大小【英文标题】:Fixing two uiviews size based on screen width & height in storyboard IOS 7 【发布时间】:2015-08-17 12:08:26 【问题描述】:

请告诉我:如何使用约束在 storyboard 中执行以下逻辑。

在屏幕中修复两个 UIView(最小:130x80)。 uiview 之间的中心间距始终为 20 像素。


屏幕:

20px View1 20px View2 20px

提前致谢!

【问题讨论】:

【参考方案1】:

在 view1 和屏幕之间添加前导空间约束:20px

在 view2 和屏幕之间添加训练空间约束:20px

添加视图之间的水平间距:20px

在两个视图之间添加等宽。

为了没有错误,在 view1 上添加顶部 + 底部约束,或垂直中心 + 高度

通过在 view2 上添加相同顶部 + 相同底部约束来完成。

享受;)

编辑: 嗯,我忘记了你的视图宽度 >= 130。

那么,130 + 130 + 20*3 = 320,也就是 iPhone

当你使用前导/尾随空间限制时,ios 将从 16px 开始计数,然后前导空间 20 会给你 X = 36,然后你会错过一些地方。

解决方法是设置X = 20,然后固定Leading Space,或者将Leading Space值从20修改为20 - 16 = 4。View2的Trailing Space也是如此

【讨论】:

我跟着你的步骤。但它仅适用于 iphone 6 (8.x)。不适用于 7.1。 还有什么要为 ios 7 做的吗?你能告诉我吗? 呃,我忘记了你的视图宽度 >= 130。那么,130 + 130 + 20*3 = 320,这是 iPhone 上屏幕的宽度

以上是关于在情节提要 IOS 7 中根据屏幕宽度和高度修复两个 uiview 大小的主要内容,如果未能解决你的问题,请参考以下文章

UIImageView 在不同设备上保留情节提要“预览屏幕边界” - 框架不根据屏幕尺寸更新

IOS 开发有和没有情节提要

使用 Autolayout 根据宽度的比率设置 UIImage 高度

使用带有情节提要的 AutoLayout 的 UICollectionViewCell 的可变宽度和高度(没有 XIB)

IOS 7.1,如果目标设备系列设置为 iPad,通用情节提要上的常规宽度限制将被忽略

如何修复 iOS 7 状态栏高度和宽度问题