如何覆盖NSTableHeaderView的布局?

时间:2015-09-19 09:54:03

标签: swift nstableheaderview

我正在尝试为我的NSTableView生成自定义标头。我想更改标题文本的字体并删除边框和垂直分隔符。

我当前的顶部和底部标题如下所示:

enter image description here

有谁知道我该怎么做?

更新:应用修复后,标题现在看起来像我想要的那样:

enter image description here

4 个答案:

答案 0 :(得分:3)

在您的NSTableViewDelegate's viewForTableColumn函数:

中执行此操作的一种方法
if tableColumn!.identifier == "description" {
    let cell = NSTableHeaderCell()
    cell.title = "New Title"
    cell.backgroundColor = NSColor.redColor()
    cell.drawsBackground = true
    cell.bordered = false
    cell.font = NSFont(name: "Helvetica", size: 16)
    tableColumn!.headerCell = cell
}

答案 1 :(得分:3)

实际上,mprudhom和Pronto的答案都对最终修复做出了很好的贡献。非常感谢你们两位。

我以为我会发布我的最终答案,所以任何人都可以看到我如何修复它。

我无法单独使用mprudhom的代码,因为我的表只有NSTableHeaderView而没有TableHeaderCells。幸运的是,Pronto拯救了这个:

class MyTable: NSTableView, NSTableViewDataSource, NSTableViewDelegate
{
    override func tableView(tableView: NSTableView, viewForTableColumn tableColumn: NSTableColumn?, row: Int) -> NSView?
    {
        tableColumn!.headerCell = MyTableHeaderCell(textCell: tableColumn!.identifier)
    }
}

我直接从mprudhom使用了NSTableHeaderCell代码:

final class MyTableHeaderCell : NSTableHeaderCell
{
    required init?(coder aDecoder: NSCoder)
    {
        fatalError("init(coder:) has not been implemented")
    }

    override init(textCell: String)
    {
        super.init(textCell: textCell)
        self.font = NSFont.boldSystemFontOfSize(14)
    }

    override func drawWithFrame(cellFrame: NSRect, inView controlView: NSView)
    {
        //super.drawWithFrame(cellFrame, inView: controlView)//, since that is what draws borders
        self.drawInteriorWithFrame(cellFrame, inView: controlView)
    }

    override func drawInteriorWithFrame(cellFrame: NSRect, inView controlView: NSView)
    {
        let titleRect = self.titleRectForBounds(cellFrame)
        self.attributedStringValue.drawInRect(titleRect)
    }
}

一旦实现了这两种方法,我就遇到了最后一个问题,即NSTableHeaderView是根据需要绘制的,没有边框,但确实有灰色背景。所以我用这个方法覆盖了NSTableHeaderView类:

class ForecastHeaderView : NSTableHeaderView
{
    required init?(coder: NSCoder)
    {
        super.init(coder: coder)
    }

    override init(frame frameRect: NSRect) 
    {
        super.init(frame: frameRect)
        self.wantsLayer = true
    }

    override func drawLayer(layer: CALayer, inContext ctx: CGContext)
    {
        super.drawLayer(layer, inContext: ctx)
        layer.backgroundColor = CGColorCreateGenericGray(1.0, 1.0)
    }
}

答案 2 :(得分:1)

您需要通过继承NSTableHeaderCell来自己接管绘图,如下所示:

final class CustomTableHeaderCell : NSTableHeaderCell {
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override init(textCell: String) {
        super.init(textCell: textCell)
        self.font = NSFont.boldSystemFontOfSize(20)
    }

    override func drawWithFrame(cellFrame: NSRect, inView controlView: NSView) {
        // skip super.drawWithFrame(), since that is what draws borders
        self.drawInteriorWithFrame(cellFrame, inView: controlView)
    }

    override func drawInteriorWithFrame(cellFrame: NSRect, inView controlView: NSView) {
        let titleRect = self.titleRectForBounds(cellFrame)
        self.attributedStringValue.drawInRect(titleRect)
    }
}

如果您以编程方式设置表格,则可以这样做:

let col = NSTableColumn(identifier: id)
col.headerCell = DataTableHeaderCell(textCell: title)
col.title = title
self.dataTableView.addTableColumn(col)

否则,您应该只能将类的名称设置为子类' Interface Builder中的名称。

答案 3 :(得分:0)

以上答案也可以直接在 viewDidLoad 中使用

override func viewDidLoad() {
        super.viewDidLoad()   
        tableView.tableColumns.forEach { (column) in
                column.headerCell.backgroundColor = NSColor.white
                column.headerCell.drawsBackground = true
                column.headerCell.isBordered = false
                column.headerCell.attributedStringValue = NSAttributedString(string: column.title, attributes: [NSAttributedString.Key.font: NSFont.systemFont(ofSize: 13)])
              }
}