如何在选择后闪烁自定义 NSMenuItem 视图？

Question

我需要将视图分配给 NSMenuItem 并进行一些自定义绘图。基本上，我在当前选定的菜单项旁边添加了一个小删除按钮等。但我希望我的自定义菜单项在所有其他方面看起来和行为都像常规菜单项一样。根据文档：

带有视图的菜单项不会绘制 它的标题、状态、字体或其他 标准绘图属性，以及 分配绘图责任 完全符合视图。

好吧，所以我必须复制状态列和选择渐变的外观，这并不难。我遇到问题的部分是菜单项在被选择后“闪烁”或“闪烁”的方式。我正在使用 NSTimer 尝试模仿这个小动画，但感觉不太好。它眨眼多少次？我应该使用什么时间间隔？我已经尝试了很多，但感觉不正常。

有没有人以前做过此操作或对如何向菜单项添加按钮有其他建议？也许应该有一个专门用于定制可可绘图的堆栈交换站点......

Answer 1

我知道这已经有一年多了，但这是我的谷歌搜索的第一次点击并且没有得到答复，所以我发布我的答案是为了那些仍在寻找解决方案的人。

对于我的应用程序，我将 Core Animation 与 NSMenuItem 视图的自定义 NSView 结合使用。我创建了一个新的图层支持视图，设置背景颜色，并将其添加到我的自定义视图中。然后我对图层（闪烁部分）进行动画处理。然后在 -(void)animationDidStop:(CAAnimation *)anim finish:(BOOL)flag 回调中，我删除了覆盖层并关闭了菜单。这并不完全匹配默认的 NSMenu 的 flash，但我想要一个 37Signals/Stack Overflow 黄色淡出技术< /a>，所以它对我有用。这是代码：

-(void) mouseUp:(NSEvent *)theEvent {
    CALayer *layer = [CALayer layer];
    [layer setDelegate:self];
    [layer setBackgroundColor:CGColorCreateGenericRGB(0.0, 0.0, 1.0, 1.0)];

    selectionOverlayView = [[NSView alloc] init];
    [selectionOverlayView setWantsLayer:YES];
    [selectionOverlayView setFrame:self.frame];
    [selectionOverlayView setLayer:layer];
    [[selectionOverlayView layer] setNeedsDisplay];
    [selectionOverlayView setAlphaValue:0.0];
    [self addSubview:selectionOverlayView];

    CABasicAnimation *alphaAnimation1 = [CABasicAnimation animationWithKeyPath: @"alphaValue"];
    alphaAnimation1.beginTime = 0.0;
    alphaAnimation1.fromValue = [NSNumber numberWithFloat: 0.0];
    alphaAnimation1.toValue = [NSNumber numberWithFloat: 1.0];
    alphaAnimation1.duration = 0.07;

    CABasicAnimation *alphaAnimation2 = [CABasicAnimation animationWithKeyPath: @"alphaValue"];
    alphaAnimation2.beginTime = 0.07;
    alphaAnimation2.fromValue = [NSNumber numberWithFloat: 1.0];
    alphaAnimation2.toValue = [NSNumber numberWithFloat: 0.0];
    alphaAnimation2.duration = 0.07;

    CAAnimationGroup *selectionAnimation = [CAAnimationGroup animation];
    selectionAnimation.delegate = self;
    selectionAnimation.animations = [NSArray arrayWithObjects:alphaAnimation1, alphaAnimation2, nil];
    selectionAnimation.duration = 0.14;
    [selectionOverlayView setAnimations:[NSDictionary dictionaryWithObject:selectionAnimation forKey:@"frameOrigin"]];

    [[selectionOverlayView animator] setFrame:[selectionOverlayView frame]];
}

-(void) animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
    [selectionOverlayView removeFromSuperview];

    NSMenuItem *enclosingMenuItem = [self enclosingMenuItem];
    NSMenu *enclosingMenu = [enclosingMenuItem menu];
    [enclosingMenu cancelTracking];
    [enclosingMenu performActionForItemAtIndex:[enclosingMenu indexOfItem:enclosingMenuItem]];
}

Answer 2

实际上可以让自定义视图像常规 NSMenuItem 一样闪烁，而无需手动实现动画。

注意：这使用了私有 API，并且还修复了一些与自定义视图相关的其他奇怪的 NSMenuItem 怪癖。

NSMenuItem.h

#import <AppKit/AppKit.h>

@interface NSMenuItem ()
    - (BOOL)_viewHandlesEvents;
@end

桥接标头

#import "NSMenuItem.h"

MenuItem.swift

class MenuItem: NSMenuItem {
    override func _viewHandlesEvents() -> Bool {
        return false
    }
}

这个 API 确实应该公开，如果您不是为 App Store 开发，那么它也许值得一看。

Answer 3

这是我的代码，它闪烁自定义菜单项。

int16_t   fireTimes;
BOOL      isSelected;

- (void)mouseEntered:(NSEvent*)event
{
    isSelected = YES;
}

- (void)mouseUp:(NSEvent*)event {

    fireTimes = 0;

    isSelected = !isSelected;
    [self setNeedsDisplay:YES];

    NSTimer *timer = [NSTimer timerWithTimeInterval:0.05 target:self selector:@selector(animateDismiss:) userInfo:nil repeats:YES];

    [[NSRunLoop currentRunLoop] addTimer:timer forMode:NSEventTrackingRunLoopMode];
}

-(void)animateDismiss:(NSTimer *)aTimer
{
    if (fireTimes <= 2) {
        isSelected = !isSelected;
        [self setNeedsDisplay:YES];
    } else {
        [aTimer invalidate];
        [self sendAction];
    }

    fireTimes++;
}

- (void)drawRect:(NSRect)dirtyRect {

    if (isSelected) {
        NSRect frame = NSInsetRect([self frame], -4.0f, -4.0f);
        [[NSColor selectedMenuItemColor] set];
        NSRectFill(frame);
        [itemNameFld setTextColor:[NSColor whiteColor]];
    } else {
        [itemNameFld setTextColor:[NSColor blackColor]];
    }

}

- (void)sendAction
{
    NSMenuItem *actualMenuItem = [self enclosingMenuItem];

    [NSApp sendAction:[actualMenuItem action] to:[actualMenuItem target] from:actualMenuItem];

    NSMenu *menu = [actualMenuItem menu];
    [menu cancelTracking];

    //  [self setNeedsDisplay:YES]; // I'm not sure of this
}