定位和缩放启动屏幕图像

Question

我想用于启动屏幕的图像又高又窄。图像的大部分重要内容都在底部 2/3 处，因此如果要剪裁任何内容，我希望它剪裁顶部。

为了将其用作所有尺寸和方向设备的启动屏幕上的图像，我想做的是让宽度填满屏幕并将图像底部固定到屏幕底部。我尝试了“纵横比填充”和“纵横匹配”以及底部 (0) 或底部和左侧的约束（两者均为 0）的各种组合。

结果总是图像没有被缩放以适应宽度（它以全分辨率呈现，所以它离开左和/或右边缘），或者，如果正确缩放，图像垂直居中而不是对齐在屏幕底部。

这应该很简单，但我尽量不在我的应用程序中使用自动布局，并且不熟悉所有各种设置和约束的交互。最后，我希望图像缩放以填充设备的宽度，以及屏幕底部的图像底部。我想制作一个适用于所有设备的 XIB。看起来很简单。有什么建议？

Answer 1

我按照以下方式做到了：

1. 添加可以裁剪/缩放但不显示特定信息的背景图像到LauchScreen.xib
2. 为背景图像选择“缩放以填充”，并添加到顶部、左侧、右侧和底部屏幕边框的距离约束（在我的示例中为 0）
3. 在屏幕上添加具有透明背景的所有附加元素并添加所需的约束。（在我的示例中，我刚刚选择了 centerX 和世纪约束来放置标题。