objective-c - NSCollectionView 中的悬停效果

Question

我有一个 NSCollectionView，里面有一些 NSView。 NSView 中有一个 NSBox，当它被选中时会改变颜色。我还想让 NSBox 在悬停时改变颜色。

我继承了 NSBox 并添加了 mouseEntered 和 mouseExited 方法。我在 viewWillMoveToWindow 中使用了 addTrackingRect，但问题是悬停效果只有在我首先选择框所在的 subview 时才会发生。

此外，只有选中的方框才会出现悬停效果。如何实现悬停效果，以便我的 NSCollectionView 中的所有 NSView 立即显示该效果？

Answer 1

您可以在 NSView 的子类中覆盖 updateTrackingAreas 来实现此行为:

界面

@interface HoverView : NSView

@property (strong, nonatomic) NSColor *hoverColor;

@end

实现

@interface HoverView ()

@property (strong, nonatomic) NSTrackingArea *trackingArea;
@property (assign, nonatomic) BOOL mouseInside;

@end

@implementation HoverView

- (void) drawRect:(NSRect)dirtyRect {
    [super drawRect:dirtyRect];

    // Draw a white/alpha gradient
    if (self.mouseInside) {
        [_hoverColor set];
        NSRectFill(self.bounds);
    }
}


- (void) updateTrackingAreas {
    [super updateTrackingAreas];

    [self ensureTrackingArea];
    if (![[self trackingAreas] containsObject:_trackingArea]) {
        [self addTrackingArea:_trackingArea];
    }
}

- (void) ensureTrackingArea {
    if (_trackingArea == nil) {
        self.trackingArea = [[NSTrackingArea alloc] initWithRect:NSZeroRect
                                                         options:NSTrackingInVisibleRect | NSTrackingActiveAlways | NSTrackingMouseEnteredAndExited
                                                           owner:self
                                                        userInfo:nil];
    }
}

- (void) mouseEntered:(NSEvent *)theEvent {
    self.mouseInside = YES;
}

- (void) mouseExited:(NSEvent *)theEvent {
    self.mouseInside = NO;
}

- (void) setMouseInside:(BOOL)value {
    if (_mouseInside != value) {
        _mouseInside = value;
        [self setNeedsDisplay:YES];
    }
}


@end