5

我想用于启动屏幕的图像又高又窄。图像的大部分重要内容都在底部的 2/3 中,所以如果要剪掉任何东西,我希望它剪掉顶部。

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

结果始终是图像未缩放以适应宽度(它以全分辨率呈现,因此它离开左和/或右边缘),或者,如果正确缩放,图像垂直居中而不是对齐在屏幕底部。

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

4

2 回答 2

1

我是通过以下方式做到的:

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

在此处输入图像描述

于 2016-01-12T22:05:14.093 回答
0

在我的情况下,为了使图像视图始终缩放以适应屏幕,关键解决方案是设置图像视图的宽度(最长尺寸,如果图像高度大于宽度,您可能希望将其设置为高度)的约束等于 1 个超级视图宽度。然后调整它的边距 - 为此约束设置乘数 0.8。

其他两个约束是 Align CenterY 和 CenterX to Superview 等于 0。

于 2018-08-07T05:51:14.167 回答