求助：使用NSTextField显示32x32图片时无法正常显示

我来帮你搞定这个NSTextField显示图片的问题！从你贴的代码片段来看，核心思路是对的，但几个关键步骤没处理到位，才导致显示不符合预期。下面我把常见问题和修正后的完整代码给你：

常见问题分析 #

• 没设置NSTextAttachment的尺寸：默认情况下，文本系统不会自动适配图片的实际尺寸，会用默认行高约束它，导致图片被拉伸或裁剪。
• 缺少富文本转换与赋值：你创建了attachment，但没把它包装成NSAttributedString赋值给textField，这肯定显示不出来呀。
• 文本对齐和行高没适配：如果不设置居中对齐，图片可能偏移；行高不匹配的话，图片也容易被裁剪。

修正后的完整代码 #

class ViewController: NSViewController {
    var text: NSTextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 创建和图片尺寸一致的textField
        text = NSTextField(frame: NSRect(origin: CGPoint(x: 200, y: 200), size: CGSize(width: 32, height: 32)))
        text.backgroundColor = .clear
        text.isBordered = true
        text.isEditable = false
        // 设置文本居中，让图片在控件正中间
        text.alignment = .center
        
        // 加载图片，注意替换成你的图片名称
        guard let image = NSImage(named: NSImage.Name("your-image-name")) else {
            print("图片加载失败，请检查资源是否添加正确")
            return
        }
        
        let attachment = NSTextAttachment()
        attachment.image = image
        // 关键：手动设置attachment的bounds，和图片尺寸完全匹配
        attachment.bounds = NSRect(x: 0, y: 0, width: image.size.width, height: image.size.height)
        
        // 将attachment转换成富文本
        let attributedString = NSAttributedString(attachment: attachment)
        
        // 可选：调整行高确保图片完全显示（避免被默认行高裁剪）
        let mutableAttrStr = NSMutableAttributedString(attributedString: attributedString)
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineHeightMultiple = 1.0 // 行高倍数和图片高度匹配
        mutableAttrStr.addAttribute(.paragraphStyle, value: paragraphStyle, range: NSRange(location: 0, length: mutableAttrStr.length))
        
        // 把富文本赋值给textField
        text.attributedStringValue = mutableAttrStr
        
        // 别忘了把textField添加到视图上
        view.addSubview(text)
    }
}

额外注意事项 #

• 确保你的图片已经正确添加到项目中，并且勾选了对应的target（不然会加载失败）。
• 如果textField尺寸比图片大，想要图片居中，可以调整attachment的bounds偏移，比如textField是40x40，图片32x32，那么bounds可以设为NSRect(x: 4, y: 4, width: 32, height: 32)。
• 检查textField的usesSingleLineMode属性（默认是true），如果开启多行模式，可能会有额外行间距影响显示。

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