簡體   English   中英

當我通過鼠標單擊更改 SwiftUI 列表的選擇時,@Published 屬性的 didSet 被調用了兩次

[英]When I change selection of the SwiftUI List with mouse click didSet of the @Published property is called twice

我將 SwiftUI 用於我的 Mac OS 應用程序。 當我通過鼠標單擊更改SidebarView列表的選擇(從InboxToday )時, didSet被調用了兩次(側邊欄正文也計算了兩次)。 如果我用箭頭(向下|向上)更改選擇,則調用一次didSet 是蟲子嗎? 我為我的英語感到抱歉。

雙列應用

日志:

  • 用鼠標點擊:

willSet = 可選(MiniTodo.NavigationItem.inbox)2021-04-18 00:36:20 +0000

didSet = 可選(MiniTodo.NavigationItem.inbox)2021-04-18 00:36:20 +0000

willSet = 可選(MiniTodo.NavigationItem.inbox)2021-04-18 00:36:20 +0000

didSet = 可選(MiniTodo.NavigationItem.today)2021-04-18 00:36:20 +0000

  • 帶箭頭:

willSet = 可選(MiniTodo.NavigationItem.inbox)2021-04-18 00:37:11 +0000

didSet = 可選(MiniTodo.NavigationItem.today)2021-04-18 00:37:11 +0000

import SwiftUI

class UIState: ObservableObject {
    
    @Published var navigationItem: NavigationItem? = .inbox {
        didSet {
            print("didSet = \(navigationItem) \(Date())")
        }
        willSet {
            print("willSet = \(navigationItem) \(Date())")
        }
    }
    
}

struct MiniTodoApp: App {
    
    let persistenceController = PersistenceController.shared
    
    @StateObject var uiState: UIState = UIState()

    var body: some Scene {
        WindowGroup {
            NavigationView {
                SidebarView()
                    .environmentObject(uiState)
                //ContentView()
            }
            .navigationViewStyle(DoubleColumnNavigationViewStyle())
            .environment(\.managedObjectContext, persistenceController.container.viewContext)
            
        }
    }
}

struct SidebarView: View {
    
    @Environment(\.managedObjectContext) private var viewContext
    @EnvironmentObject var uiState: UIState
    
    @FetchRequest(
        sortDescriptors: [NSSortDescriptor(keyPath: \Folder.name, ascending: true)],
        animation: .default)
    private var folders: FetchedResults<Folder>
    
    var body: some View {
        print("==== Sidebar View ====")
        print(#function)
        print("======================")
        print("")
        return List(selection: $uiState.navigationItem) {
            Group {
                Label("Inbox", systemImage: "tray")
                    .tag(NavigationItem.inbox)
                Label("Today", systemImage: "sun.max.fill")
                    .listItemTint(.yellow)
                    .tag(NavigationItem.today)
                Label("Plan", systemImage: "calendar")
                    .listItemTint(.red)
                    .tag(NavigationItem.plan)
                Label("Completed", systemImage: "checkmark.square.fill")
                    .listItemTint(.green)
                    .tag(NavigationItem.completed)
            }
            
            Section(header:
                        
                        HStack {
                            Text("Lists")
                            Spacer()
                            
                            //if self.onHover {
                            Button {
                                withAnimation {
                                    newFolder()
                                }
                            } label: {
                                Image(systemName: "plus.circle")
                                
                            }
                            .buttonStyle(BorderlessButtonStyle())
                            .padding(EdgeInsets(top: 0.0, leading: 0.0, bottom: 0.0, trailing: 10.0))
                            // }
                            
                        }
            ) {
                ForEach(folders) { folder in
                    FolderRow(folder: folder)
                        .tag(NavigationItem.folder(folder: folder))
                }
            } // Section
            .collapsible(false)
        } // List

        .listStyle(SidebarListStyle())
        .toolbar {
            ToolbarItem(placement: .navigation){
                Button(action: toggleSidebar, label: {
                    Image(systemName: "sidebar.left")
                })
            }
        }
    } // body
    
    // Toggle Sidebar Function
    func toggleSidebar() {
        NSApp.keyWindow?.firstResponder?.tryToPerform(#selector(NSSplitViewController.toggleSidebar(_:)), with: nil)
    }
    
    func newFolder() {
        withAnimation {
            let newItem = Folder(context: viewContext)
            newItem.name = "It is new folder"
            
            do {
                try viewContext.save()
            } catch {
                // Replace this implementation with code to handle the error appropriately.
                // fatalError() causes the application to generate a crash log and terminate. You should not use this function in a shipping application, although it may be useful during development.
                let nsError = error as NSError
                fatalError("Unresolved error \(nsError), \(nsError.userInfo)")
            }
        }
    }
    
}

您可以在 navigationItem 發布者之上使用debounce function 並且您只會收到一次didSet

class UIState: ObservableObject {

    @Published var navigationItem: NavigationItem? = .inbox
    var cancellable: AnyCancellable?

    init() {
        self.cancellable = $navigationItem.debounce(
            for: .microseconds(1), scheduler: RunLoop.main
        ).sink { _ in
            print("DID SET")
            // Do Whatever you want
        }
    }

}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM