Question

也许今天早上我特别忙，但是我试图从macOS的SwiftUI中的List中删除一行。

问题是没有公开的用户界面来执行删除。我的意思是List不响应删除键的按下，没有右键单击菜单，也不支持任何其他手势，例如滑动删除（无论如何在macOS上都是奇怪的）。

这是我正在使用的示例：

import SwiftUI

struct ContentView: View {
    @State var items = ["foo", "bar", "baz"]
    @State var selection: String? = nil

    var body: some View {
        List(selection: $selection) {
            ForEach(items, id: \.self) { Text($0) }
                .onDelete { self.items.remove(atOffsets: $0)}
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

iOS上完全相同的代码为我提供了带有标准“向左滑动以删除” UI的表格视图。在macOS上什么也没有。

我尝试添加

    .onDeleteCommand(perform: {
        if let sel = self.selection, let idx = self.items.firstIndex(of: sel) {
            self.items.remove(at: idx)
        }
    })

转到List，但仍然没有删除按键的响应。

如何在macOS上启用List行删除？

Answer 1

此代码启用“删除”菜单，并在我选择“编辑”>“删除”时删除所选项目（无需手动连接菜单）：

struct ContentView: View {
    @State var items = ["foo", "bar", "baz"]
    @State var selection: String? = nil

    var body: some View {
        List(selection: $selection) {
            ForEach(items, id: \.self) { Text($0) }
        }
        .onDeleteCommand {
            if
                let sel = self.selection,
                let idx = self.items.firstIndex(of: sel) {
                print("delete item: \(sel)")
                self.items.remove(at: idx)
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .animation(.default)
    }
}

然后，要使删除键起作用，请使其与“删除”菜单选项的键盘等效： -编辑Main.storyboard -选择编辑>删除 -单击“等效密钥”字段 -点击删除键。

运行该应用，选择一个项目，按Delete键，您的项目应消失。

Answer 2

对于 macOS，我们使用右键单击并查看“删除”等菜单选项。您可以将上下文菜单添加到您的列表中，例如

  List(selection: $selection) {
        ForEach(items, id: \.self) { item in
               Text(item) 
                   .contextMenu {
                       Button(action: { 
                       // delete item in items array 
                       }){
                       Text("Delete")
                       }
                    }
        }
            
  }

Answer 3

我找到了一个非常复杂的解决方案，希望有更好的方法。

我的工作如下：

将动作连接到现有的“删除”命令
创建一个“ ObservableObject” Menu，以发布选定的菜单命令
使发布者进入ContentView，以便其可以订阅并根据更改采取行动

以下是两个相关文件：

首先，AppDelegate.swift：

enum MenuCommand {
    case none
    case delete
}

class Menu: ObservableObject {
    @Published var item: MenuCommand = .none
}


@NSApplicationMain
class AppDelegate: NSObject, NSApplicationDelegate {

    var window: NSWindow!
    @ObservedObject var menu = Menu()

    func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Create the SwiftUI view that provides the window contents.
        let contentView = ContentView(menu: menu)

        // Create the window and set the content view. 
        window = NSWindow(
            contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
            styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
            backing: .buffered, defer: false)
        window.center()
        window.setFrameAutosaveName("Main Window")
        window.contentView = NSHostingView(rootView: contentView)
        window.makeKeyAndOrderFront(nil)
    }

    func applicationWillTerminate(_ aNotification: Notification) {
        // Insert code here to tear down your application
    }

    @IBAction func delete(_ sender: Any) {
        print("delete menu")
        menu.item = .delete
    }

}

和ContentView.swift：

import SwiftUI

struct ContentView: View {
    @ObservedObject var menu: Menu
    @State var items = ["foo", "bar", "baz"]
    @State var selection: String? = nil

    var body: some View {
        List(selection: $selection) {
            ForEach(items, id: \.self) { Text($0) }
        }
        .onReceive(
            self.menu.objectWillChange
                .receive(on: RunLoop.main)) { _ in
            if
                case .delete = self.menu.item,
                let sel = self.selection,
                let idx = self.items.firstIndex(of: sel) {
                print("delete item: \(sel)")
                self.items.remove(at: idx)
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .animation(.default)
    }
}

注意：不要忘记将“删除”菜单项连接到IBAction。

macOS上的SwiftUI：如何为onDelete（从列表中删除）启用UI

3 个答案: