如何在 Cocoa MacOS Objective C 中为 NSSavePanel 创建自定义 NSView？

Question

我需要将一个保存扩展选择器添加到我的 NSSavePanel 中，旁边有一个文本标签。在所附的屏幕截图中，我尝试证明我已成功使用 setAccessoryView 函数将 NSComboBox 添加到我的面板中。但是我不知道如何创建自定义 NSView，其中包括 NSComboBox 和 NSTextView 或等效项。我在互联网上没有找到任何教程（或者如果我找到一个它也非常过时）展示如何在 MacOS 上的 Cocoa 中的 Objective-C 中创建自定义 NSView。

如何创建包含组合框和文本标签的自定义 NSView ？或者如何将两个“库存”NSView 添加到同一个 NSSavePanel 中？请尽可能详细地回答，因为我的 Objective-C 经验非常有限。

Answer 1

您询问如何在 Objective-C 中创建一个 NSView 并使用 NSTextField 和 NSComboBox 作为子视图。

基本上，您可以在 Interface Builder 中定义它们，并以编程方式将 Objective-C 中的结果视图设置为 NSSavePanel 的 accessoryView。或者，可以完全用 Objective-C 创建自定义 NSView，这可能是更简单的选择。

实例化 NSView 后，您可以使用 addSubview: 相应地添加 NSTextField 和 NSComboBox 。然后，您可以使用 NSLayoutConstraints 设置自动布局，它负责调整 accessoryView 的大小并根据对话框的宽度正确排列子视图。

如果您以编程方式创建视图并使用自动布局，则必须将 translatesAutoresizingMaskIntoConstraints 显式设置为 NO。

如果您想设置 allowedContentTypes ，通过 NSDictionary 将显示的扩展文本映射到 UTType 可能会很有用。

如果您将 NSComboBox 的委托设置为 self，那么您将通过 通知您 NSComboBox 中用户选择的更改comboBoxSelectionDidChange：。

如果所讨论的内容在代码中得到了适当的实现，那么对于一个独立的示例来说，它可能看起来像这样：

#import <UniformTypeIdentifiers/UniformTypeIdentifiers.h>
#import "ViewController.h"

@interface ViewController () <NSComboBoxDelegate>

@property (nonatomic, strong) NSSavePanel *savePanel;
@property (nonatomic, strong) NSDictionary<NSString *, UTType*> *typeMapping;

@end


@implementation ViewController

- (instancetype)initWithCoder:(NSCoder *)coder {
    if (self = [super initWithCoder:coder]) {
        _typeMapping = @{
            @"jpeg": UTTypeJPEG,
            @"png": UTTypePNG,
            @"tiff": UTTypeTIFF
        };
    }
    return self;
}

- (NSView *)accessoryView {
    NSTextField *label = [NSTextField labelWithString:@"Filetypes:"];
    label.textColor = NSColor.lightGrayColor;
    label.font = [NSFont systemFontOfSize:NSFont.smallSystemFontSize];
    label.alignment = NSTextAlignmentRight;
    
    NSComboBox *comboBox = [NSComboBox new];
    comboBox.editable = NO;
    for (NSString *extension in self.typeMapping.allKeys) {
        [comboBox addItemWithObjectValue:extension];
    }
    [comboBox setDelegate:self];
    
    NSView *view = [NSView new];
    [view addSubview:label];
    [view addSubview:comboBox];
    
    comboBox.translatesAutoresizingMaskIntoConstraints = NO;
    label.translatesAutoresizingMaskIntoConstraints = NO;
    
    [NSLayoutConstraint activateConstraints:@[
        [label.bottomAnchor constraintEqualToAnchor:view.bottomAnchor constant:-12],
        [label.widthAnchor constraintEqualToConstant:64.0],
        [label.leadingAnchor constraintEqualToAnchor:view.leadingAnchor constant:0.0],

        [comboBox.topAnchor constraintEqualToAnchor:view.topAnchor constant:8.0],
        [comboBox.leadingAnchor constraintEqualToAnchor:label.trailingAnchor constant:8.0],
        [comboBox.bottomAnchor constraintEqualToAnchor:view.bottomAnchor constant:-8.0],
        [comboBox.trailingAnchor constraintEqualToAnchor:view.trailingAnchor constant:-20.0],
    ]];
    return view;
}

- (void)comboBoxSelectionDidChange:(NSNotification *)notification {
    NSComboBox *comboBox = notification.object;
    NSString *selectedItem = comboBox.objectValueOfSelectedItem;
    NSLog(@"### set allowedContentTypes to %@ (%@)", selectedItem, self.typeMapping[selectedItem]);
    [self.savePanel setAllowedContentTypes:@[ self.typeMapping[selectedItem] ]];
}

- (IBAction)onSave:(id)sender {
    NSWindow *window = NSApplication.sharedApplication.windows.firstObject;
    self.savePanel = [NSSavePanel new];
    self.savePanel.accessoryView = [self accessoryView];
    [self.savePanel beginSheetModalForWindow:window completionHandler:^(NSModalResponse result) {
        if (result != NSModalResponseOK) {
            return;
        }
        NSURL *fileURL = self.savePanel.URL;
        NSLog(@"### selectedFile: %@", fileURL);
    }];
}

- (void)setRepresentedObject:(id)representedObject {
    [super setRepresentedObject:representedObject];
}

@end

最后，上面的演示代码的屏幕截图看起来像这样：

Answer 2

按 Cmd-N 将新文件添加到您的项目中。选择一个视图文件以添加具有自定义视图的 xib 文件。

打开 xib 文件并将控件添加到自定义视图。按项目窗口工具栏中的“添加”按钮以访问用户界面元素。

使用NSNIb类加载xib文件并获取自定义视图。