iOS Autolayout如何使用不同的屏幕尺寸,类型和方向来维持布局和宽高比

我在使用自动布局和情节提要时经历了令人沮丧的时间(可能是因为我使用的不够多-我倾向于使用代码构造UI,因为我发现在平台之间移动时这很有用,但是我想尝试解决在下面的图片中,我展示了我要实现的基本布局。

1)图像1和图像2(红色)仅在带有缺口屏幕的iPhone上可见,例如,它们将在iPhone 11而不是iPhone 8上可见。

2)图片2应该填充屏幕顶部整个“缺口”不安全区域-固定在顶部并根据需要调整大小

3)图片1应该填充屏幕底部的整个不安全区域-固定在底部并根据需要调整大小

4)图片4应该固定在安全区域的顶部以及左右边缘。它的高度应自动调整以保持图像的纵横比。

5)图片3应该固定在安全区域的底部以及左右边缘。它的高度应自动调整以保持图像的纵横比。

*另一个视图将位于安全区域的顶部,其中将包含内容-但我稍后会介绍。

该布局需要在iPhone和iPad的纵向和横向上正常工作。看起来应该很容易,但是它让我发疯了!但是我设置了约束,似乎无法使其表现出我想要的方式!

这个想法是,图像2是图像4顶部的扩展,图像1是图像3底部的扩展。对图像1和2都没有控制权,这完全是视觉上的事情。>

任何人都感谢任何建议,在此先感谢:-)

iOS Autolayout如何使用不同的屏幕尺寸,类型和方向来维持布局和宽高比

kobechf301 回答:iOS Autolayout如何使用不同的屏幕尺寸,类型和方向来维持布局和宽高比

拖放图片4 并从顶部给出安全区域的约束。最重要的是,添加约束后,将图片2 放到图片4 上方,并添加约束,将图片2 底部附加到图片4

上述过程将使您的图片2 调整大小。

现在图像1 遵循相同的过程。首先放下图像3 ,向其添加约束。在剩余空间中添加图片1

本文链接:https://www.f2er.com/3059628.html

大家都在问