Swift中如何在Cocoa的NSView添加覆盖图片的红色矩形边框

我尝试在Swift的NSView中添加矩形作为图片的外框，边框需为红色且略微覆盖图片边缘。以下是我目前的代码：

let artworkView : NSImageView = NSImageView(frame: artworkRectangle)
artworkView.image = artwork
artworkView.rotate(byDegrees: 270)

myView.addSubview(artworkView)

let borderWidth : CGFloat = 3
let offset : CGFloat = borderWidth / 2

let artworkBorderRect : NSRect = NSRect(x: artworkRectangle.minX - offset, y: artworkRectangle.minY - offset, width: artworkRectangle.width + borderWidth, height: artworkRectangle.height + borderWidth)

let artworkBorderField = NSTextField(frame: artworkBorderRect)

artworkBorderField.drawsBackground = false
artworkBorderField.isBordered = true

artworkBorderField.textColor = NSColor.red

myView.addSubview(artworkBorderField)

我使用NSTextField是因为它易于添加到NSView，但无法直接添加NSRect到视图。不过当前得到的边框不透明且宽度不足，请问如何设置该边框的描边颜色和宽度？

用NSTextField做边框并不是合适的选择，它的边框样式是为文本输入场景设计的，难以灵活调整样式。推荐两种更贴合需求的方案：

方案一：自定义NSView绘制边框 #

创建专门用于绘制边框的自定义NSView，通过重写draw(_:)方法实现精确控制：

class BorderView: NSView {
    var borderColor: NSColor = .red
    var borderWidth: CGFloat = 3
    
    override func draw(_ dirtyRect: NSRect) {
        super.draw(dirtyRect)
        // 向内偏移边框宽度的一半，避免线条被视图边界裁剪
        let borderRect = bounds.insetBy(dx: borderWidth/2, dy: borderWidth/2)
        let path = NSBezierPath(rect: borderRect)
        borderColor.setStroke()
        path.lineWidth = borderWidth
        path.stroke()
    }
}

// 替换原有的NSTextField代码
let borderView = BorderView(frame: artworkBorderRect)
borderView.borderColor = .red
borderView.borderWidth = borderWidth
borderView.wantsLayer = true // 可选，开启layer提升绘制性能
myView.addSubview(borderView)
// 确保边框在图片视图上方，实现覆盖效果
myView.bringSubviewToFront(borderView)

方案二：使用CAShapeLayer（更轻量） #

直接通过CALayer绘制边框，无需自定义View：

// 创建形状图层
let borderLayer = CAShapeLayer()
borderLayer.frame = artworkBorderRect
// 向内偏移路径避免线条被裁剪
let path = NSBezierPath(rect: borderLayer.bounds.insetBy(dx: borderWidth/2, dy: borderWidth/2))
borderLayer.path = path.cgPath
borderLayer.strokeColor = NSColor.red.cgColor
borderLayer.lineWidth = borderWidth
borderLayer.fillColor = NSColor.clear.cgColor // 设置填充色为透明

// 添加到父视图的layer
myView.layer?.addSublayer(borderLayer)
// 调整层级确保边框在图片上方
borderLayer.zPosition = 1

关键注意点 #

• 边框视图/图层的frame必须设置为artworkBorderRect，保证边框能略微覆盖图片边缘
• 绘制路径时向内偏移边框宽度的一半，避免边框线条被视图边界裁剪导致显示不完整
• 通过调整视图层级（bringSubviewToFront）或图层层级（zPosition），确保边框显示在图片上方

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