如何使用故事板在 Tableview Cell 中为 2 个标签和一个图像视图设置约束?
how to setup constraint for 2 labels and one image view in Tableview Cell using storyboard?
我是 swift 开发新手。我被困在一点。我想并排添加 2 个标签和一个图像视图,如下图所示。我尝试了很多组合,但无法达到预期的效果。我什至尝试将两个标签放在一个容器视图中,将图像视图放在另一个容器视图中,并为其设置约束但没有成功。下面是我想要实现的输出。
任何帮助将不胜感激。
您可以使用水平堆栈视图。因为您可以水平放置标签和图像。
应用如下约束:
标签 1:
标签 2:
图像视图:
希望对你有所帮助
我觉得,一张图可以更好地表现它。请按照以下步骤将约束应用于您的视图:
1) 将尾部、宽度和高度应用于您的图像视图。仍然没有 y 位置会引发错误。将在下一张图片中处理。
2) 对齐图像视图,垂直居中到父视图。
3) 对您的时间标签也执行与步骤 1 和步骤 2 相同的操作。只给出前导约束而不是尾随。
4) 将前导和尾随约束赋予 name label 并将其垂直居中对齐到 superview。因为您已经为时间标签和图像视图提供了宽度,所以它将覆盖剩余的可用宽度,前后填充 3 px。
5) 现在,您将看到此视图的警告,这是因为您已固定时间标签的宽度,如果此标签的文本更大会怎样?。你可以通过两种方法处理这种情况
*首先,将 autoshrink
属性 从 Fixed Font Size
更改为 Minimum Font Scale
,系数为 0.5。但它只会处理这种情况,不会删除警告。 *
其次,用>=
更新时间标签的宽度约束。但它会再次产生错误,因为将约束更新为 >=
将与名称标签的自动宽度检测冲突。要解决这个问题,请看下一张图片
6) 名称标签减少Horizontal Content Hugging Property
。
我是 swift 开发新手。我被困在一点。我想并排添加 2 个标签和一个图像视图,如下图所示。我尝试了很多组合,但无法达到预期的效果。我什至尝试将两个标签放在一个容器视图中,将图像视图放在另一个容器视图中,并为其设置约束但没有成功。下面是我想要实现的输出。
任何帮助将不胜感激。
您可以使用水平堆栈视图。因为您可以水平放置标签和图像。
应用如下约束:
标签 1:
标签 2:
图像视图:
希望对你有所帮助
我觉得,一张图可以更好地表现它。请按照以下步骤将约束应用于您的视图:
1) 将尾部、宽度和高度应用于您的图像视图。仍然没有 y 位置会引发错误。将在下一张图片中处理。
2) 对齐图像视图,垂直居中到父视图。
3) 对您的时间标签也执行与步骤 1 和步骤 2 相同的操作。只给出前导约束而不是尾随。
4) 将前导和尾随约束赋予 name label 并将其垂直居中对齐到 superview。因为您已经为时间标签和图像视图提供了宽度,所以它将覆盖剩余的可用宽度,前后填充 3 px。
5) 现在,您将看到此视图的警告,这是因为您已固定时间标签的宽度,如果此标签的文本更大会怎样?。你可以通过两种方法处理这种情况
*首先,将 autoshrink
属性 从 Fixed Font Size
更改为 Minimum Font Scale
,系数为 0.5。但它只会处理这种情况,不会删除警告。 *
其次,用>=
更新时间标签的宽度约束。但它会再次产生错误,因为将约束更新为 >=
将与名称标签的自动宽度检测冲突。要解决这个问题,请看下一张图片
6) 名称标签减少Horizontal Content Hugging Property
。