在iOS Storyboard中,水平StackView居中对齐元素,并在所有元素上加上第一个元素的高度

问题描述

在我的情节提要文件中,我有一个水平的StackView,它在父视图中居中对齐(水平和垂直方向)。 该堆栈包含三个元素

  1. 标签“嗨”
  2. 图像(资源文件夹中的图像)
  3. 标签“世界”

StackView配置:

分布=填充

对齐方式=最后基准

在情节提要中,所有项目的高度都相同, 但是在设备上运行时,两个标签的大小相同,但图像垂直调整大小,并且高度开始与两个标签不匹配。

如何对图像施加高度限制以与标签高度匹配?

请注意,我尚未为任何元素指定固定高度。

解决方法

我希望您进行一些更改:

  1. 分配= 均等填充
  2. 为图像和两个标签赋予相等的高度约束。
  3. 您可以将图像的内容模式设置为“缩放以填充” ,以使图像覆盖整个区域。 enter image description here
  4. 您完成了。

结果:请参见下图 enter image description here