通过拖动其他视图上方的 NSView 来移动 NSWindow

Question

我有一个包含 NSTableView 和 NSVisualEffectView 的 macOS 应用程序。视觉效果视图就像window底部的一个栏，它在table视图中（包含一些buttons/etc..）。

无论如何，如果我想通过拖动视觉效果视图来移动 NSWindow，只有当 table 视图不在视觉效果视图下方时才有效。我希望视觉效果视图位于 table 视图上方的原因是，当用户滚动浏览 table 视图内容时，我可以获得很好的模糊效果。

但是，当视觉效果视图在table视图上方时，mouse/drag/etc事件不会被注册。相反，它们被传递到 table 视图。我怎样才能阻止这种情况发生？

我尝试子类化 NSVisualEffectView，但我尝试的一切都失败了。这是我的代码：

#import <Cocoa/Cocoa.h>

@interface BottomMainBar : NSVisualEffectView {

}

@end

实现代码如下：

#import "BottomMainBar.h"

@implementation BottomMainBar

/// DRAW RECT METHOD ///

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

    [self setWantsLayer:YES];

    [self.window setMovableByWindowBackground:YES];

    [self setAcceptsTouchEvents:YES];

    [self registeredDraggedTypes];
}

/// OTHER METHODS ///

-(BOOL)mouseDownCanMoveWindow {
    return YES;
}

-(BOOL)acceptsFirstMouse:(NSEvent *)event {
    return YES;
}

-(void)mouseDown:(NSEvent *)event {}
-(void)mouseDragged:(NSEvent *)event {}
-(void)mouseUp:(NSEvent *)event {}
-(void)mouseEntered:(NSEvent *)event {}
-(void)mouseExited:(NSEvent *)event {}

@end

我试过都没有用，我怎样才能阻止视觉效果视图将鼠标事件传递到它下面的层？

丹，谢谢你的时间。

Answer 1

最后我设法找到了解决方案，幸运的是它不涉及任何库或开源代码（显然也没有私有 api）。

问题

我有一个 NSVisualEffectView 横跨我的视图控制器的宽度，它有 38 像素高。它位于我的视图控制器的顶部。它充当包含一些按钮和标签的自定义工具栏。它位于显示各种内容（图像、视频、文本等）的 NSTableView 上方。

我将视觉效果视图放在 table 视图上方，因为我想在用户滚动 table 视图时有一个很好的模糊效果。这个问题是，视觉效果视图上的鼠标按下事件被传递到 table 视图并且 NOT 整体 NSWindow。这导致用户在单击并拖动视觉效果视图时无法拖动和移动 NSWindow（因为鼠标按下事件未传递给 window）。

我注意到视觉效果 DID 的前 10px 将鼠标按下事件传递给 window 而不是 table 视图。这是因为 window 的标题栏大约有 10-15 像素高。但是我的视觉效果视图是38px高，所以我的视觉效果视图的下半部分无法移动 window.

解决方法

解决方案涉及制作两个子class，一个用于视觉效果视图，另一个用于NSWindow。视觉效果视图的 subclass 只是将鼠标按下事件传递给 nextResponder（可以是 table 视图或 window - 取决于大小window 标题栏）。

Header代码（视觉效果查看class）：

#import <Cocoa/Cocoa.h>

@interface TopMainBar : NSVisualEffectView {

}

@end

实现代码（视觉效果查看class）：

#import "TopMainBar.h"

@implementation TopMainBar

/// INIT WITH FRAME ///

-(id)initWithFrame:(NSRect)frameRect {

    if ((self = [super initWithFrame:frameRect])) {
        [self setWantsLayer:YES];
        [self.window setMovableByWindowBackground:YES];
    }

    return self;
}

/// MOUSE METHODS ///

-(void)mouseDown:(NSEvent *)event {
    [self.window mouseDown:event];
}

@end

window 的子class 涉及将 window 标题栏变成工具栏，这实际上增加了标题栏的大小（并且碰巧增加了它到大约 38 像素，这正是我所需要的）。理想的解决方案是能够将标题栏高度增加到任何自定义大小，但这是不可能的，因此工具栏解决方案是唯一的方法。

因为标题栏的大小增加了，所以所有鼠标按下事件都不会传递给 window 而不是 table 视图。这使用户能够从视觉效果视图的任何部分拖动 window。

Header代码(Windowclass):

#import <Cocoa/Cocoa.h>

@interface CustomWindow : NSWindowController <NSWindowDelegate> {

}

// UI methods.
-(BOOL)isWindowFullScreen;

@end

实现代码（Windowclass）：

#import "CustomWindow.h"

@interface CustomWindow ()

@end

@implementation CustomWindow

/// WINDOW DID LOAD ///

-(void)windowDidLoad {
    [super windowDidLoad];

    // Ensure this window is the current selected one.
    [self.window makeKeyAndOrderFront:self];

    // Ensure the window can be moved.
    [self.window setMovableByWindowBackground:YES];

    // Set the window title bar options.
    self.window.titleVisibility = NSWindowTitleHidden;
    self.window.titlebarAppearsTransparent = YES;
    self.window.styleMask |= (NSWindowStyleMaskFullSizeContentView | NSWindowStyleMaskUnifiedTitleAndToolbar | NSWindowStyleMaskTitled);
    self.window.movableByWindowBackground = YES;
    self.window.toolbar.showsBaselineSeparator = NO;
    self.window.toolbar.fullScreenAccessoryView.hidden = YES;
    self.window.toolbar.visible = ![self isWindowFullScreen];
}

/// UI METHODS ///

-(BOOL)isWindowFullScreen {
    return (([self.window styleMask] & NSWindowStyleMaskFullScreen) == NSWindowStyleMaskFullScreen);
}

/// WINDOW METHODS ///

-(void)windowWillEnterFullScreen:(NSNotification *)notification {
    self.window.toolbar.visible = NO;
}

-(void)windowDidEnterFullScreen:(NSNotification *)notification {
    self.window.toolbar.visible = NO;
}

-(void)windowWillExitFullScreen:(NSNotification *)notification {
    self.window.toolbar.visible = YES;
}

-(void)windowDidExitFullScreen:(NSNotification *)notification {
    self.window.toolbar.visible = YES;
}

/// OTHER METHODS ///

-(BOOL)mouseDownCanMoveWindow {
    return YES;
}

@end

在自定义 window class 中，您可以看到我正在根据 window 的全屏状态更改工具栏可见性。这是为了在 window 进入全屏模式时停止出现标题栏并覆盖我的自定义视觉效果视图。

为了使其正常工作，您需要向 window 添加一个空工具栏，您可以在界面生成器中通过拖放 NSToolbar object , 到你的 window.

确保将 window 连接到 window 委托，否则将不会调用全屏委托方法。

结论

此解决方案涉及通过将标题栏更改为工具栏来增加标题栏的大小。从视觉效果视图 class 传递的鼠标按下事件随后由 window（不是它后面的任何其他视图）读取，因此 window 可以移动。

通过拖动其他视图上方的 NSView 来移动 NSWindow

Move NSWindow by dragging NSView that is above other views

objective-c

macos

cocoa

nsview

nswindow