iOS - 具有多个动态大小的 UILabel 和 UIImage 的自动布局

Question

这是我的情况。我有 3 个不同的数据(忽略最后的钱，它不会被包括在内)，布局如下:

但是第一个数据(音乐类型)可以更长，最后应该是这样的:

所以我必须遵守多个限制条件:音乐类型后应跟有事件类型数据，在任何需要的行上。必须包含事件类型的 Logo 。当然，总宽度不应大于它的 super View 宽度。

我根本不知道从哪里开始处理音乐类型和事件类型。我已经尝试过，但我不知道如何使用具有动态宽度的 <= 宽度约束。

我正在制作 Storyboard。

Answer 1

只有当您尝试使用大量自动布局规则来解决它时才会变得困难。如果你能够使用它，有一个更简单的建议:NSAttributedString 和 NSTextAttachment。属性字符串是附加了格式(粗体、斜体、对齐方式、颜色等)的字符串，但您也可以在属性字符串内附加图像，它们只会与文本一起绘制。

这是一个帮助您入门的示例:

// create an NSMutableAttributedString that we'll append everything to
let fullString = NSMutableAttributedString(string: "Start of text")

// create our NSTextAttachment
let image1Attachment = NSTextAttachment()
image1Attachment.image = UIImage(named: "awesomeIcon.png")

// wrap the attachment in its own attributed string so we can append it
let image1String = NSAttributedString(attachment: image1Attachment)

// add the NSTextAttachment wrapper to our full string, then add some more text.
fullString.appendAttributedString(image1String)
fullString.appendAttributedString(NSAttributedString(string: "End of text"))

// draw the result in a label
yourLabel.attributedText = fullString