ios - 如何根据剩余高度来布局 UIImageViews？

Question

我正在尝试创建这个布局，但我非常挣扎，以至于我无话可说。我已经尝试了三天，但还是无法创建布局。

如果 View 的高度发生变化，我试图使三个 ImageView 处于中间比例，但它们的行为不正确。我已经成功地设法使比例正确，但图像要么位于蓝色按钮后面，要么蓝色按钮突然失去其高度或文本消失。

是否可以在中间放置三个 ImageView ，采用标题和文本+蓝色按钮布局后剩余的高度，然后以正确的比例正确显示它们？

Answer 1

您可以在此处尝试多种方法:

1. 尺码等级:
   为每种可能的尺寸布置 View (可能是最简单但最不灵活的
   
2. 使用具有不同优先级的约束:
   您可以通过添加高度约束，然后将其关系设置为等于或小于来设置 ImageView 的最大高度。这允许图像放大直到达到最大尺寸。
   
   然后在底部框和图像之间添加第二个约束。将此约束的优先级设置为 750。这会使底部 View 向下移动时图像的高度增加。
   
   然后添加另一个约束来设置图像的长宽比。如果您使用“Aspect Fit” View 模式，图像现在将始终按比例放大以适合 ImageView 。
   
   要使所有图像按比例缩放，请在它们之间添加等宽和等高的约束，然后设置因子以匹配这些图像之间的比例。
   
   现在的最后一步是按照图片中所示正确垂直对齐图像。为此，请在图像之间添加约束，通过垂直中心、底部、基线或顶部对齐图像。