NSTableRowView/NSTableCellView 如何为选定的行设置自定义颜色？

Question

我正在尝试在选择表格行时实现自定义行颜色。

-(void)tableViewSelectionDidChange:(NSNotification *)notification{


    NSInteger selectedRow = [_mainTable selectedRow];

    NSTableCellView *cell = [_mainTable rowViewAtRow:selectedRow makeIfNecessary:NO];

    cell.layer.backgroundColor = [NSColor redColor].CGColor;

    NSLog(@"selected");
}

但这不起作用。我发现 Apple 文档非常混乱（也许我错了）。我对 Mac 编程没有经验。

有人可以提出任何解决方案吗？基本上我需要选择颜色是透明的。

Answer 1

解决方案

这应该通过子类化NSTableRowView 然后使用NSTableView 委托方法返回您的子类来完成
-(NSTableRowView*)tableView:(NSTableView *)tableView rowViewForRow:(NSInteger)row

子类化NSTableRowView 在修改行视图时提供了更大的灵活性。在上面的 NSTableView 委托方法中返回您的子类 当从一行点击到下一行时，还将自动删除背景选择颜色（这是提供的另一个答案中的一个未解决问题）。

---

步骤

首先，继承 NSTableRowView 并覆盖 drawSelectionInRect 以在选中时更改其背景颜色：

@implementation MyTableRowView

- (void)drawSelectionInRect:(NSRect)dirtyRect
{
    [super drawSelectionInRect:dirtyRect];
    [[NSColor yellowColor] setFill];
    NSRectFill(dirtyRect);
}

接下来，使用 rowViewForRow NSTableView 委托方法返回您的子类行视图：

- (NSTableRowView*)tableView:(NSTableView *)tableView rowViewForRow:(NSInteger)row
{
    static NSString* const kRowIdentifier = @"MyTableRow";
    MyTableRowView* myRowView = [tableView makeViewWithIdentifier:kRowIdentifier owner:self];
    if (!myRowView) {
        myRowView = [[MyTableRowView alloc] initWithFrame:NSZeroRect];
        myRowView.identifier = kRowIdentifier;
    }
    return rowView;
}

使用这种方法，您还可以轻松覆盖其他元素，例如分隔符颜色。为此，请在 NSTableRowView 子类中重写 drawSeparatorInRect 方法，如下所示：

- (void)drawSeparatorInRect:(NSRect)dirtyRect
{
    // Change the separator color if the row is selected
    if (self.isSelected) [[NSColor orangeColor] setFill];
    else [[NSColor grayColor] setFill];
    // Fill the seperator
    dirtyRect.origin.y = dirtyRect.size.height - 1.0;
    dirtyRect.size.height = 1.0;
    NSRectFill(dirtyRect);
}

---

资源

覆盖NSTableRowView 显示设置 https://developer.apple.com/reference/appkit/nstablerowview

NSTableview rowViewForRow 委托方法 https://developer.apple.com/reference/appkit/nstableviewdelegate/1532417-tableview

Answer 2

首先将tableview选择高亮样式设置为

 NSTableViewSelectionHighlightStyleNone

然后在你的 tablView 委托中实现

tableView:shouldSelectRow:

在里面写下这段代码：

NSTableViewRow *row= [_mainTable rowViewAtRow:selectedRow makeIfNecessary:NO];
row.backgroundColor = [your color];
return YES;

也阅读这些 https://developer.apple.com/library/mac/documentation/Cocoa/Reference/NSTableViewDelegate_Protocol/index.html#//apple_ref/occ/intfm/NSTableViewDelegate/tableView:rowViewForRow:

选择样式 https://developer.apple.com/library/mac/documentation/Cocoa/Reference/ApplicationKit/Classes/NSTableView_Class/index.html#//apple_ref/occ/instp/NSTableView/selectionHighlightStyle

Answer 3

这是为选定的行设置自定义颜色以及突出显示的文本颜色。输出应该是这样的，

在上面的截图中，我们正在做

• 将背景选择颜色设置为白色

• 添加圆角半径

• 将文本颜色更改为蓝色

• 添加蓝色描边颜色

您可以进行更多自定义，但此答案涵盖了上述几点。

1.从继承 NSTableRowView 开始

class CategoryTableRowView: NSTableRowView {

override func drawSelection(in dirtyRect: NSRect) {
    if selectionHighlightStyle != .none {
        let selectionRect = bounds.insetBy(dx: 2.5, dy: 2.5)
        NSColor(calibratedRed: 61.0/255.0, green: 159.0/255.0, blue: 219.0/255.0, alpha: 1.0).setStroke()
        NSColor(calibratedWhite: 1.0, alpha: 1.0).setFill()
        let selectionPath = NSBezierPath(roundedRect: selectionRect, xRadius: 25, yRadius: 25)
        selectionPath.fill()
        selectionPath.stroke()
    }
  }
}

2。在 NSTableViewDelegate 方法中返回自定义 CategoryTableRowView()

func tableView(_ tableView: NSTableView, rowViewForRow row: Int) -> NSTableRowView? {
      return CategoryTableRowView()
}

3.确保您的 ViewController 类中有 selectionHighlightStyle 常规

override func viewDidLoad() {
     super.viewDidLoad()
     self.tableView.selectionHighlightStyle = .regular
}

4.要设置 textColor，请创建 NSTableCellView 的子类

class CategoryCellView: NSTableCellView {

@IBOutlet weak var categoryTextField: NSTextField!

override var backgroundStyle: NSView.BackgroundStyle {
    willSet{
        if newValue == .dark {
            categoryTextField.textColor = NSColor(calibratedRed: 61.0/255.0, green: 159.0/255.0, blue: 219.0/255.0, alpha: 1.0)
        } else {
            categoryTextField.textColor = NSColor.black
        }
    }
  }
}

覆盖backgroundStyle 属性并为文本设置所需的颜色。

注意：就我而言，我有一个自定义单元格，它有一个categoryTextField 插座。所以要设置我使用的文本颜色： categoryTextField.textColor = NSColor.black

5.在故事板中设置自定义类

我希望这会有所帮助。谢谢。