iOS开发：实现UIButton紧跟多行UILabel文本末尾的布局问题

问题场景 #

我正在尝试实现「更多信息」UIButton紧跟多行UILabel的布局，当前遇到以下情况：

• 案例1、2：UILabel文本较短，未超过设置的4行限制，按钮能正常紧跟标签，这已通过设置抗压缩/拉伸优先级实现
• 案例4：UILabel文本超过4行被截断，按钮可正常追加
• 案例3（核心问题）：文本未超出行数限制但多于1行时，按钮需要紧跟文本末尾，但UILabel宽度是第二行的最大宽度，无法让按钮贴合文本最后位置。同时要求：若UILabel+UIButton总宽度超出设备宽度，UILabel需被截断。

解决方案 #

1. 使用NSAttributedString将按钮文本嵌入Label（推荐）

把「更多信息」作为富文本的一部分添加到UILabel末尾，同时给这部分文本绑定点击事件，既能完美贴合文本末尾，又能自动处理宽度超限截断：

// 构建基础文本与按钮文本
let baseText = "这里是多行UILabel的内容，未超过行数限制但多于1行"
let moreText = "更多信息"

// 组合富文本并设置样式
let attributedString = NSMutableAttributedString(string: baseText + moreText)
// 给「更多信息」设置蓝色样式
attributedString.addAttribute(.foregroundColor, 
                              value: UIColor.systemBlue, 
                              range: NSRange(location: baseText.count, length: moreText.count))
// 可选添加下划线
attributedString.addAttribute(.underlineStyle, 
                              value: NSUnderlineStyle.single.rawValue, 
                              range: NSRange(location: baseText.count, length: moreText.count))

// 绑定到Label并开启交互
label.attributedText = attributedString
label.isUserInteractionEnabled = true
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(moreInfoTapped(_:)))
label.addGestureRecognizer(tapGesture)

// 处理点击逻辑
@objc func moreInfoTapped(_ gesture: UITapGestureRecognizer) {
    let layoutManager = label.layoutManager
    let location = gesture.location(in: label)
    let characterIndex = layoutManager.characterIndex(for: location, 
                                                      in: label.textContainer, 
                                                      fractionOfDistanceBetweenInsertionPoints: nil)
    let moreTextRange = NSRange(location: baseText.count, length: moreText.count)
    if NSLocationInRange(characterIndex, moreTextRange) {
        // 触发「更多信息」的业务逻辑
        print("更多信息被点击")
    }
}

2. 借助TextKit手动计算按钮位置（适合需独立按钮的场景）

通过TextKit获取UILabel最后一行文本的末尾坐标，手动调整按钮frame，需在Label文本或布局变化时重新计算：

guard let text = label.text, let font = label.font else { return }

// 初始化TextKit组件
let textStorage = NSTextStorage(string: text, attributes: [.font: font])
let layoutManager = NSLayoutManager()
textStorage.addLayoutManager(layoutManager)
let textContainer = NSTextContainer(size: label.bounds.size)
textContainer.lineFragmentPadding = 0
textContainer.maximumNumberOfLines = label.numberOfLines
textContainer.lineBreakMode = label.lineBreakMode
layoutManager.addTextContainer(textContainer)

// 获取最后一行文本范围与末尾坐标
var lastLineRange = NSRange()
layoutManager.lineFragmentRect(forGlyphAt: textStorage.length - 1, effectiveRange: &lastLineRange)
let lastGlyphIndex = layoutManager.glyphIndexForCharacter(at: lastLineRange.location + lastLineRange.length - 1)
let lastGlyphRect = layoutManager.boundingRect(forGlyphRange: NSRange(location: lastGlyphIndex, length: 1), in: textContainer)
let endPoint = CGPoint(x: lastGlyphRect.maxX, y: lastGlyphRect.midY - button.bounds.height/2)

// 调整按钮位置
button.frame.origin = endPoint

3. 结合UIStackView与动态宽度计算

通过计算文本实际占据宽度，动态调整UILabel的宽度约束，配合StackView实现布局：

guard let text = label.text, let font = label.font else { return }

// 计算文本实际需要的尺寸
let maxSize = CGSize(width: UIScreen.main.bounds.width - 20, height: CGFloat.greatestFiniteMagnitude)
let textSize = text.boundingRect(with: maxSize, 
                                 options: .usesLineFragmentOrigin, 
                                 attributes: [.font: font], 
                                 context: nil).size

// 根据文本高度判断是否调整Label宽度
if textSize.height <= font.lineHeight * CGFloat(label.numberOfLines) {
    // 文本未超出行数，设置Label宽度为实际文本宽度
    label.widthAnchor.constraint(equalToConstant: textSize.width).isActive = true
} else {
    // 文本超出行数，Label宽度占据除按钮外的剩余空间
    label.widthAnchor.constraint(equalTo: stackView.widthAnchor, constant: -button.intrinsicContentSize.width).isActive = true
}

内容的提问来源于stack exchange，提问作者J L