咨询macOS中NSTableView网格及单元格边框宽度修改方法

确实，macOS的NSTableView和iOS的UITableView在边框设置上差异很大——Storyboard里的可视化设置经常不生效，我之前也踩过这个坑。下面给你几个经过验证的可行方案，分两种场景来解决：

一、修改单个单元格的边框宽度 #

如果需要给特定单元格设置自定义边框，推荐以下两种方法：

方法1：通过CALayer设置边框 #

macOS的视图支持CALayer，只要开启图层支持就能轻松设置边框，步骤如下：

1. 创建自定义NSTableCellView子类：

class CustomTableCellView: NSTableCellView {
    @IBInspectable var borderWidth: CGFloat = 2.0 {
        didSet {
            layer?.borderWidth = borderWidth
        }
    }
    
    @IBInspectable var borderColor: NSColor = .systemRed {
        didSet {
            layer?.borderColor = borderColor.cgColor
        }
    }
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // 开启图层支持
        wantsLayer = true
        // 调整文本框内边距，避免内容被边框遮挡
        textField?.frame = textField!.frame.insetBy(dx: 4, dy: 4)
    }
}

2. 在Storyboard中选中目标单元格，将其类改为CustomTableCellView，之后就能在属性面板直接设置borderWidth和borderColor了。

方法2：重写draw(_:)方法手动绘制边框 #

如果需要更精细的边框控制（比如只画某几条边），可以手动绘制：

class CustomTableCellView: NSTableCellView {
    var borderWidth: CGFloat = 2.0
    var borderColor: NSColor = .systemBlue
    
    override func draw(_ dirtyRect: NSRect) {
        super.draw(dirtyRect)
        // 绘制完整边框（可以修改路径只画部分边）
        let borderRect = bounds.insetBy(dx: borderWidth/2, dy: borderWidth/2)
        let borderPath = NSBezierPath(rect: borderRect)
        
        borderColor.setStroke()
        borderPath.lineWidth = borderWidth
        borderPath.stroke()
    }
}

使用时同样需要在Storyboard中替换单元格类，然后在代码中设置borderWidth和borderColor。

二、修改整个表格的网格线宽度 #

如果要调整表格的全局网格线（而非单个单元格边框），因为系统默认的网格线宽度无法直接修改，需要自定义NSTableView来手动绘制：

1. 创建自定义NSTableView子类：

class CustomTableView: NSTableView {
    var gridLineWidth: CGFloat = 2.0
    var gridLineColor: NSColor = .systemGray
    
    override func drawBackground(in clipRect: NSRect) {
        super.drawBackground(in: clipRect)
        // 先关闭系统默认网格线
        gridStyleMask = []
        
        // 绘制垂直网格线
        var xOffset: CGFloat = 0
        for (index, column) in tableColumns.enumerated() {
            if index == tableColumns.count - 1 { break } // 跳过最后一列右侧
            xOffset += column.width
            let linePath = NSBezierPath()
            linePath.move(to: NSPoint(x: xOffset, y: clipRect.minY))
            linePath.line(to: NSPoint(x: xOffset, y: clipRect.maxY))
            
            gridLineColor.setStroke()
            linePath.lineWidth = gridLineWidth
            linePath.stroke()
        }
        
        // 绘制水平网格线
        let rowHeight = self.rowHeight
        for row in 0..<numberOfRows {
            let yOffset = CGFloat(row) * rowHeight
            let linePath = NSBezierPath()
            linePath.move(to: NSPoint(x: clipRect.minX, y: yOffset))
            linePath.line(to: NSPoint(x: clipRect.maxX, y: yOffset))
            
            gridLineColor.setStroke()
            linePath.lineWidth = gridLineWidth
            linePath.stroke()
        }
    }
}

2. 在Storyboard中将表格类改为CustomTableView，然后在代码中设置gridLineWidth和gridLineColor即可。

这些方法都是我在实际项目中用过的，亲测有效，你可以根据自己的需求选择合适的方案~

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