如何在多行UILabel中固定倒计时器宽度，避免其他文本移位？

我来给你几个实用的方案，完美解决这个困扰——不用拆分多个Label，就能让倒计时宽度固定，其他文本位置纹丝不动～

方案一：固定倒计时位数+等宽字体（最简单！） #

这个方法最省心，核心思路是让倒计时始终保持固定的字符长度，再配合等宽字体，确保宽度不会变。

1. 格式化倒计时为固定位数 #

更新倒计时的时候，用格式化字符串把分钟和秒都变成两位数，比如把4:47显示成04:47，9:5显示成09:05：

func formatCountdown(minutes: Int, seconds: Int) -> String {
    // %02d 表示不足两位时补0，确保始终是两位数
    return String(format: "%02d:%02d", minutes, seconds)
}

2. 给倒计时设置等宽字体 #

如果你的主Label用的不是等宽字体，可以单独给倒计时部分设置等宽字体，既保证宽度固定，又不影响其他文本的样式：

func updateCountdownLabel(currentMinutes: Int, currentSeconds: Int) {
    let countdownText = formatCountdown(minutes: currentMinutes, seconds: currentSeconds)
    // 这里替换成你的完整多行文本
    let fullContent = "剩余时间：\(countdownText)\n接下来的内容位置再也不会乱跑啦"
    
    let attributedContent = NSMutableAttributedString(string: fullContent)
    // 定位倒计时文本的范围
    if let countdownRange = fullContent.range(of: countdownText) {
        let nsRange = NSRange(countdownRange, in: fullContent)
        // 设置等宽字体，比如系统自带的Menlo，或者Courier New
        attributedContent.addAttribute(
            .font,
            value: UIFont.monospacedSystemFont(ofSize: yourLabel.font.pointSize, weight: .regular),
            range: nsRange
        )
    }
    
    yourLabel.attributedText = attributedContent
}

方案二：用NSTextAttachment创建固定宽度占位（更灵活） #

如果不想强制显示两位数（比如希望显示4:47而不是04:47），可以用NSTextAttachment给倒计时创建一个固定宽度的“占位框”，不管倒计时内容怎么变，这个框的宽度都不变，其他文本自然不会移位。

实现代码 #

// 创建固定宽度的倒计时附件
func createFixedWidthCountdownAttachment(text: String, fixedWidth: CGFloat) -> NSTextAttachment {
    let attachment = NSTextAttachment()
    // 用临时Label渲染倒计时文本
    let tempLabel = UILabel()
    tempLabel.text = text
    tempLabel.font = yourLabel.font
    tempLabel.sizeToFit()
    
    // 设置附件的固定宽度，垂直方向对齐主文本
    let textHeight = tempLabel.bounds.height
    attachment.bounds = CGRect(
        x: 0,
        y: -(yourLabel.font.descender), // 对齐基线
        width: fixedWidth,
        height: textHeight
    )
    
    // 把倒计时文本绘制到附件的图片中，居中显示
    UIGraphicsBeginImageContextWithOptions(CGSize(width: fixedWidth, height: textHeight), false, UIScreen.main.scale)
    tempLabel.drawText(in: CGRect(
        x: (fixedWidth - tempLabel.bounds.width)/2,
        y: 0,
        width: tempLabel.bounds.width,
        height: textHeight
    ))
    attachment.image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    
    return attachment
}

// 更新主Label的方法
func updateLabelWithFixedWidthCountdown(minutes: Int, seconds: Int) {
    let countdownText = String(format: "%d:%02d", minutes, seconds) // 这里可以按你想要的格式来
    let countdownAttachment = createFixedWidthCountdownAttachment(text: countdownText, fixedWidth: 70) // 自定义宽度
    let attachmentString = NSAttributedString(attachment: countdownAttachment)
    
    // 拼接成完整的多行文本
    let fullAttributedText = NSMutableAttributedString(string: "剩余时间：")
    fullAttributedText.append(attachmentString)
    fullAttributedText.append(NSAttributedString(string: "\n这是第二行内容，位置完全固定"))
    
    yourLabel.attributedText = fullAttributedText
}

补充说明 #

你提到因为是多行文本所以没法用多个Label，其实如果布局简单的话，也可以用Auto Layout把倒计时Label嵌入到主文本的对应位置，但这种方法对复杂多行排版不友好，上面的两种方法更适合单个Label的场景。

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