使用Autolayout iOS8自动调整UI组件

Question

我为仅限肖像的iPhone应用设计了一个屏幕。我已应用Autolayout，以便视图水平适合所有屏幕尺寸。问题是，对于较小的屏幕尺寸，内容是垂直截断的。我尝试不设置组件的固定高度，但它打破了组件的所有对齐。 请参阅图片以供参考;

对于我所缺少的任何快速建议...... 感谢

Answer 1

如果我是你，我会遵循两种方法之一 -

1. 您可以使用间隔视图来查看组件之间的间距，以便根据屏幕高度调整间距

2.如果您的内容比iphone屏幕大，那么您可以随时选择滚动视图。（我更喜欢纯粹的布局方式）

Answer 2

在组件之间设置垂直间距。不要固定组件的宽度和高度。为每个组件设置宽高比约束。

Answer 3

与上面的许多评论和答案一样，有很多方法可以解决这个问题。您决定采取哪种更合适

1. 宽高比缩放：在所有形状因子中保留相同UI的常用方法之一是使用宽高比缩放技术，在这些技术中，约束将模仿方面缩放。
2. 灵活的间距和大小调整规则：设计布局的另一种方法是根据设备的外形设计布局，使其具有不同类型的间距。这种方式布局可能不一致。
3. 使用iOS8及以上版本的尺寸，可以使用这些尺寸来维护所有形状因素的各种布局。
4. 如果要保留原始布局并滚动查看超出界限的布局，可以使用ScrollView scrollView。