如何在基于视图的 NSOutlineView 中自定义 groupItem-look？

Question

如何在基于视图的 NSOutlineView 中自定义 groupItem 外观？我想摆脱分隔线边框，更改背景颜色并使显示三角形变暗。显示三角形的背景应与 groupItem-view 背景颜色相同。

我无法通过全能的 Google 找到任何相关信息。

Answer 1

View Based NSOutlineView 使用以下 NSOutlineView*Keys 来创建用于折叠和展开项目的“披露按钮”。

APPKIT_EXTERN NSString * const NSOutlineViewDisclosureButtonKey NS_AVAILABLE_MAC(10_9); // The normal triangle disclosure button
APPKIT_EXTERN NSString * const NSOutlineViewShowHideButtonKey NS_AVAILABLE_MAC(10_9); // The show/hide button used in "Source Lists"

NSOutlineView 通过调用[self makeViewWithIdentifier:owner:] 来创建这些按钮，将键作为标识符传递，委托作为所有者。可以为 NSOutlineView 提供自定义 NSButton（或其子类），以通过以下两种方式使用：

1. makeViewWithIdentifier:owner: 可以被覆盖，如果标识符是（例如）NSOutlineViewDisclosureButtonKey，则可以配置并返回自定义的 NSButton。请务必将 button.identifier 设置为 NSOutlineViewDisclosureButtonKey。

2. 在设计时，可以将一个按钮添加到具有此标识符的大纲视图中，并将取消存档并根据需要使用。

   当使用自定义按钮时，正确设置目标/动作以执行某些操作（可能展开或折叠发送者所在的 rowForView:）非常重要。或者，可以调用 super 来获取默认按钮，并复制其目标/动作以获取正常的默认行为。

   注意：这些键向后兼容 10.7，但是，符号不会在 10.9 之前导出，并且必须使用常规字符串值（即：@"NSOutlineViewDisclosureButtonKey"）。

如果你还想改变位置，那么继承你的 NSTableRowView 并覆盖布局方法

- (void)layout {

    [super layout];

    for (NSView * v in self.subviews) {
        if ([v.identifier isEqual:NSOutlineViewDisclosureButtonKey]) {
            v.frame = NSMakeRect(self.bounds.size.width - 44, 0, 44, self.bounds.size.height);
            v.hidden = NO;
            break;
        }
    }

}

以及被覆盖的 NSOutlineView 的代码

- (NSView *)makeViewWithIdentifier:(NSString *)identifier owner:(id)owner {

    NSView * v = [super makeViewWithIdentifier:identifier owner:owner];

    if ([identifier isEqual:NSOutlineViewDisclosureButtonKey] && ([v isKindOfClass:[NSButton class]])) {

        MenuDisclosureButton * b = [[MenuDisclosureButton alloc] initWithFrame:NSMakeRect(0, 0, 44, 44)];
        b.target = [(NSButton *)v target];
        b.action = [(NSButton *)v action];
        b.identifier = NSOutlineViewDisclosureButtonKey;
        v = b;

    }

    return v;
}

Answer 2

要自定义（或隐藏）三角形按钮，只需覆盖 NSOutlineView 类。兴趣方式为- (id)makeViewWithIdentifier:(NSString *)identifier owner:(id)owner

// your NSOutlineView child class

- (id)makeViewWithIdentifier:(NSString *)identifier owner:(id)owner
{
   id view = [super makeViewWithIdentifier:identifier owner:owner];
   if ([identifier isEqualToString:@"NSOutlineViewDisclosureButtonKey"])
     {
      NSButton *triangleButton = (NSButton *)view;
      NSImage *image = [[NSImage alloc] init]; // you could set another images
      [triangleButton setImage:image];
      [triangleButton setAlternateImage:image];
     }
   return view;
}

从现在起必须隐藏三角形按钮。但是您的可扩展项目仍然存在缩进问题。

打开 Interface Builder 并选择您的大纲视图实例。打开属性检查器，将 Indentation 属性设置为零。

更新

在组项目视图中，三角形后面有一个空白区域。就像我上面所说的，只是为了删除它，将缩进属性设置为零。

要设置自定义分隔符，只需删除 NSOutlineView 的分隔符并自己绘制（在“单元”类的 drawRect 方法中），如果要自定义显示按钮，请在 NSView-“单元”中实现自己的子类。