为什么图像视图拉伸以填充堆栈视图中宽度的一半？

Question

我正在水平堆栈视图左侧的图像视图和一个行数设置为0的标签。问题是即使我已经设置了堆栈视图分布，imageview和label也填充相等的空间财产填补。我不希望我的图片视图扩展。改变内容拥抱并没有帮助。

Answer 1

问题是：当告诉堆栈视图填充内容区域时，它会尝试尽可能地做到这一点。将分发类型设置为fill时，它不知道如何填写。您必须通过图像的自动布局设置宽度约束来提供此信息。然后标签将填满剩下的区域。

Answer 2

另一种方法是在图像+标签堆栈的右侧添加一个不可见的间隔物对象。

private func spacer() -> UIView {
    let stretchingView = UIView()
    stretchingView.setContentHuggingPriority(.defaultHigh, for: .horizontal)
    stretchingView.backgroundColor = UIColor.clear
    stretchingView.translatesAutoresizingMaskIntoConstraints = false
    return stretchingView
}

private func labelWithImage() -> UIView {
    let image = UIImage(systemName: "map")
    let imageView = UIImageView(image: image)
    let label = UILabel()
    label.text = "3 Miles Away"
    label.font = UIFont.systemFont(ofSize: 17, weight: .regular)
    label.textColor = UIColor.gray
    let stackView = UIStackView(arrangedSubviews: [imageView, label, spacer()])
    stackView.alignment = .leading
    stackView.axis = .horizontal
    return stackView
}