SwiftUI Text视图UUID换行异常及统一显示宽度方案咨询

问题描述 #

在SwiftUI中使用等宽字体显示UUID字符串时，会出现显示宽度不一致的问题：当空间不足时，若-后紧跟非数字字符，字符串会在-位置换行；若-后是数字则不会换行。这导致相同长度的UUID，有的因换行显示更短，有的保持一行，破坏了等宽字体的一致性。

SwiftUI 解决方案 #

要确保所有UUID显示宽度一致，核心是让所有字符串遵循统一的换行/断字规则，以下是两种可行方法：

方法1：强制单行显示

给Text添加.fixedSize(horizontal: true, vertical: false)修饰符，强制文本始终在一行展示，只要字体参数一致，所有UUID的显示宽度就会完全相同：

Text(g_uuidString_1)
    .background(Color.gray.opacity(0.5))
    .fixedSize(horizontal: true, vertical: false)
    .font(.system(size: fontSize, design: .monospaced))

方法2：统一断字策略

如果需要允许换行但保持宽度一致，可以通过自定义属性字符串，禁用系统的智能断字，或者将普通-替换为非断字连字符（U+2011）：

func uniformUUIDAttributedString(_ uuid: String) -> AttributedString {
    // 替换普通连字符为非断字连字符，避免系统自动断行
    let modifiedUUID = uuid.replacingOccurrences(of: "-", with: "\u{2011}")
    var attrString = AttributedString(modifiedUUID)
    var paragraphStyle = ParagraphStyle()
    paragraphStyle.hyphenationFactor = 0 // 禁用自动连字符断字
    attrString.paragraphStyle = paragraphStyle
    return attrString
}

// 使用示例
Text(uniformUUIDAttributedString(g_uuidString_2))
    .background(Color.blue.opacity(0.5))
    .font(.system(size: fontSize, design: .monospaced))

UIKit 解决方案 #

在UIKit中，可通过UILabel的属性或富文本控制显示行为：

方法1：强制单行

直接设置numberOfLines为1，配合合适的换行模式，确保所有UUID都以单行展示：

let uuidLabel = UILabel()
uuidLabel.text = g_uuidString_1
uuidLabel.font = UIFont.systemFont(ofSize: 15, design: .monospaced)
uuidLabel.numberOfLines = 1
uuidLabel.lineBreakMode = .byTruncatingTail // 空间不足时截断尾部，保持宽度一致

方法2：统一断字规则

通过富文本设置段落样式，禁用智能断字，或替换连字符：

func setupUUIDLabel(_ label: UILabel, with uuid: String) {
    let modifiedUUID = uuid.replacingOccurrences(of: "-", with: "\u{2011}")
    let paragraphStyle = NSMutableParagraphStyle()
    paragraphStyle.hyphenationFactor = 0
    paragraphStyle.lineBreakMode = .byWordWrapping
    
    let attributes: [NSAttributedString.Key: Any] = [
        .font: UIFont.systemFont(ofSize: 15, design: .monospaced),
        .paragraphStyle: paragraphStyle
    ]
    
    label.attributedText = NSAttributedString(string: modifiedUUID, attributes: attributes)
    label.numberOfLines = 0 // 允许换行，但所有UUID断行逻辑统一
}

原理说明 #

问题的本质是系统默认的断字算法：对于普通-，系统会根据其后的字符类型（数字/非数字）判断是否允许断行。通过强制单行、禁用智能断字，或替换为非断字连字符，可让所有UUID的显示行为完全一致，从而保证相同长度的字符串拥有相同的显示宽度。

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