拖拽时如何修改Outline View单元格的文本颜色？

问题描述 #

我有一个Split View窗口，左侧是Outline View，右侧是Table View，已经实现了从Table View拖拽项目到Outline View的功能，但拖拽时的视觉反馈不符合预期——想要实现类似Finder的效果：拖拽项目经过时，ProjectTeamObject类的目标项显示白色文本的选中状态。目前背景高亮正常，但文本颜色始终是黑色。

我在draggingUpdated方法里处理高亮逻辑，尝试在dataCellForTableColumn方法中修改文本颜色，这个方法平时能正常把文本改成白色，但拖拽时虽然会触发，却无法生效。

相关代码：

- (NSDragOperation) draggingUpdated:(id<NSDraggingInfo>)sender {
    NSPoint     windowLocation = [[self window] convertScreenToBase: [NSEvent mouseLocation]];
    NSPoint     viewLocation   = [self convertPoint: windowLocation fromView: nil];
    NSInteger   mouseRow       = [self rowAtPoint:viewLocation];

    // Get row at specified index
    if (highlightedRow != mouseRow) {
        NSTableCellView     *row;
       // If the highlighted row changed, revert it to a normal background color
        if (highlightedRow > -1) {
            row = [self viewAtColumn:0 row:highlightedRow makeIfNecessary:NO];
            row.wantsLayer = YES;
            row.layer.backgroundColor = [[NSColor controlBackgroundColor] CGColor];
        }
        // Make sure the mouse if pointing to an existing row
        if (mouseRow < self.numberOfRows) {
            if ([[self itemAtRow:mouseRow] isKindOfClass:[ProjectTeamObject class]]) {
                row = [self viewAtColumn:0 row:mouseRow makeIfNecessary:NO];
                row.wantsLayer = YES;
                row.layer.backgroundColor = [[NSColor selectedContentBackgroundColor] CGColor];
                highlightedRow = mouseRow;
            }
        }
        else
            highlightedRow = -1;
    }
    return (NSDragOperationCopy);
}

- (NSCell *)outlineView:(NSTableView *)tableView dataCellForTableColumn:(NSTableColumn *)tableColumn item:(id)item {
    NSCell          *dataCell = [tableColumn dataCell];
    NSTextFieldCell *cell     = [tableColumn dataCell];
    NSInteger       row       = [self rowForItem:item];
    
    cell = [tableColumn dataCell];
    if (dragging) {
        if ([item isKindOfClass:[ProjectTeamObject class]] && row <= self.numberOfRows)
            [cell setTextColor: [NSColor whiteColor]];
        else
            [cell setTextColor: [NSColor blackColor]];
    }
    return (dataCell);
}

highlightedRow和dragging均为全局变量，逻辑清晰。

问题根源 #

1. 单元格模板复用问题：你直接修改了列的dataCell，这是所有行共用的单元格模板，不是当前行的实际单元格实例，修改不会精准作用到拖拽时的目标行。
2. 视图刷新时机缺失：修改背景后没有主动触发对应行的刷新，导致文本颜色的更新逻辑未被正确应用。

解决方法 #

方法一：直接操作单元格视图的文本控件 #

在draggingUpdated中修改背景的同时，直接定位到单元格内的文本字段修改颜色：

- (NSDragOperation) draggingUpdated:(id<NSDraggingInfo>)sender {
    NSPoint     windowLocation = [[self window] convertScreenToBase: [NSEvent mouseLocation]];
    NSPoint     viewLocation   = [self convertPoint: windowLocation fromView: nil];
    NSInteger   mouseRow       = [self rowAtPoint:viewLocation];

    if (highlightedRow != mouseRow) {
        NSTableCellView     *rowView;
        // 恢复旧高亮行的样式
        if (highlightedRow > -1) {
            rowView = [self viewAtColumn:0 row:highlightedRow makeIfNecessary:NO];
            if (rowView) {
                rowView.wantsLayer = YES;
                rowView.layer.backgroundColor = [[NSColor controlBackgroundColor] CGColor];
                // 恢复文本颜色
                NSTextField *textField = (NSTextField *)[rowView viewWithIdentifier:@"cellText"];
                if (textField) {
                    textField.textColor = [NSColor blackColor];
                }
            }
            highlightedRow = -1;
        }
        // 设置新高亮行的样式
        if (mouseRow < self.numberOfRows) {
            if ([[self itemAtRow:mouseRow] isKindOfClass:[ProjectTeamObject class]]) {
                rowView = [self viewAtColumn:0 row:mouseRow makeIfNecessary:NO];
                if (rowView) {
                    rowView.wantsLayer = YES;
                    rowView.layer.backgroundColor = [[NSColor selectedContentBackgroundColor] CGColor];
                    // 设置白色文本
                    NSTextField *textField = (NSTextField *)[rowView viewWithIdentifier:@"cellText"];
                    if (textField) {
                        textField.textColor = [NSColor whiteColor];
                    }
                    highlightedRow = mouseRow;
                }
            }
        }
    }
    return (NSDragOperationCopy);
}

注意：需要给Outline View单元格的文本控件设置唯一identifier（比如示例中的cellText），才能通过viewWithIdentifier精准找到它。

方法二：通过willDisplayCell代理方法处理样式 #

这个方法是系统专门用于单元格显示前定制样式的，比dataCellForTableColumn更适配动态样式场景：

1. 移除dataCellForTableColumn中的颜色修改逻辑
2. 添加以下代理方法：

- (void)outlineView:(NSOutlineView *)outlineView willDisplayCell:(id)cell forTableColumn:(NSTableColumn *)tableColumn item:(id)item {
    if (![cell isKindOfClass:[NSTextFieldCell class]]) return;
    
    NSTextFieldCell *textCell = (NSTextFieldCell *)cell;
    NSInteger row = [outlineView rowForItem:item];
    
    if (dragging && row == highlightedRow && [item isKindOfClass:[ProjectTeamObject class]]) {
        textCell.textColor = [NSColor whiteColor];
    } else {
        textCell.textColor = [NSColor blackColor];
    }
}

3. 在draggingUpdated中，高亮行变化时调用刷新方法：

// 恢复旧高亮行时刷新
if (highlightedRow > -1) {
    NSIndexSet *oldRowSet = [NSIndexSet indexSetWithIndex:highlightedRow];
    [self reloadDataForRowIndexes:oldRowSet columnIndexes:[NSIndexSet indexSetWithIndex:0]];
}
// 设置新高亮行时刷新
if (mouseRow < self.numberOfRows && [[self itemAtRow:mouseRow] isKindOfClass:[ProjectTeamObject class]]) {
    NSIndexSet *newRowSet = [NSIndexSet indexSetWithIndex:mouseRow];
    [self reloadDataForRowIndexes:newRowSet columnIndexes:[NSIndexSet indexSetWithIndex:0]];
}

额外提示 #

• 禁止直接修改tableColumn的dataCell，避免影响所有行的默认样式
• 拖拽开始和结束时要正确切换dragging变量的状态，确保拖拽结束后所有样式能恢复正常

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