我正在尝试创建此布局,但我的工作非常艰难,以至于我一言不发。我已经尝试了三天,但仍无法创建布局。
如果视图的高度发生变化,我正在尝试使三个图像视图处于中间比例,但它们的行为不正确。我已经成功地设法使比率正确,但是图像要么在蓝色按钮后面,要么蓝色按钮突然松开了它的高度,或者文本消失了。
布置标题和文本+蓝色按钮后,中间是否有三个图像视图可以占据剩下的高度,然后以正确的比例正确显示它们,这是不可能的吗?
最佳答案
您可以在这里尝试多种方法:
尺寸等级:
为每种可能的尺寸布置视图(可能是最简单但最不灵活的一种
使用具有不同优先级的约束:
您可以通过添加高度限制,然后将其关系设置为等于或小于,来设置图像视图的最大高度。这可以使图像放大直到达到最大尺寸。
然后在底部框和图像之间添加第二个约束。将此约束的优先级设置为750。当底视图向下移动时,这会使图像的高度增加。
然后添加另一个约束来设置图像的纵横比。如果您将视图模式用于Aspect Fit,则现在将始终按比例放大图像以适合图像视图。
要使所有图像成比例缩放,请为它们之间的宽度和高度相等添加约束,然后设置因子以匹配这些图像之间的比例。
现在的最后一步是按照图片所示正确对齐图像。为此,请在图像之间添加约束,以使其垂直中心,底部,基线或顶部对齐。