ios - Autolayout 与针对不同形状因子的不同 XIB？

Question

我正在开发一个必须支持所有当前 iOS 设备外形规范的通用应用程序。该界面通过 Storyboard使用自动布局，目前可以在 iPad、iPhone 6 和 iPhone 6 Plus 外形规范上正确显示。但是，我正在努力让接口(interface)/约束在 iPhone 5/SE 外形尺寸上正确缩放。有没有人建议我如何解决我对 iPhone 5/SE 外形的限制，或者你会建议为 iPhone 5/SE 加载不同的 XIB？提前致谢。

iPhone 6S 上的正确界面:

iPhone 5/SE 上的界面损坏:

(这是唯一让我难受的观点)。

Answer 1

我的经验法则是为 Any x Any 尺寸类别设计 Storyboard，然后根据需要针对其他尺寸进行特定更改。这是因为 Any x Any 迫使您考虑可调整大小的组件和相对定位，因为您使用的是 600 x 600 大小，而这在任何设备上实际上都不存在。我的猜测是你的设计在组件之间有固定的垂直约束，而你想要的是其中一些是相对的。换句话说，看起来您的登录按钮、-- 或-- 分隔符和 TouchID View 与 View 底部边缘的距离是固定的，而其他 View 与顶部边缘的距离是固定的。如果自动布局无法在运行时计算出所需的距离，它会选择一个约束来关闭以解决问题；在这种情况下，它是密码字段底部与登录按钮顶部之间的垂直约束。相反，我会将 TouchID 按钮和 View 底部之间的约束设置为小于或等于约束，而不是等于，和/或赋予它比其他垂直约束更低的优先级。