2

我想显示一个固定大小为 20px X 20px 的图标图像,当标签只有一行时显示良好,但当标签变为两行时显示不准确。附上截图。

在此处输入图像描述

4

3 回答 3

2

工作限制。!

  1. 将内部堆栈视图对齐设置为顶部并将分布设置为 按比例填充
  2. 将图标的宽度设置为固定的20px(无纵横比和无高度)
  3. 将图标内容压缩阻力属性水平 优先级设置为1000

附上图片

在此处输入图像描述

在此处输入图像描述

于 2020-01-08T04:24:03.017 回答
1

你的 vStackView(Container) 的属性是什么?

确保您的 vStackView 属性是:

  • 对齐方式:填充
  • 分布:填充

您的 hStackView(每一行)的属性是什么?

确保您的 hStackView 属性是:

  • 对齐方式:顶部/中心/底部(取决于您的要求)
  • 分布:填充
于 2020-01-08T04:41:31.490 回答
1

确保将堆栈视图的分布设置为填充对齐顶部(或者如果您希望图标垂直居中,则居中)!如果您指定填充分布并且不更改排列的子视图的内容拥抱和内容压缩优先级,则使用您设置的约束,固有大小的标签应该占据大部分空间,而图标保持不变自然大小。我还建议您在图像视图上设置 20px 宽度约束而不是纵横比,但我认为这不是问题所在。可能会有所帮助。

这是一个例子:

  • 外部堆栈视图(垂直):对齐 = 填充,分布 = 填充
  • 内部堆栈视图(水平):对齐 = 顶部,分布 = 填充

在此处输入图像描述

于 2020-01-07T13:44:46.130 回答