如何实现SwiftUI按钮互斥点击？求应用级解决方案

默认情况下，SwiftUI 的多个 Button 允许同时被点击，比如登录和注册按钮可能被用户同时触发，这会导致逻辑冲突。下面提供几种可行的解决方案，涵盖全局和局部场景：

一、全局范围内解决（整个应用生效） #

如果希望整个应用的所有按钮都互斥点击，最直接的方式是禁用应用窗口的多点触摸，并配合 UIButton 的全局外观设置：

@main
struct YourApp: App {
    init() {
        // 遍历所有窗口，禁用多点触摸
        UIApplication.shared.windows.forEach { window in
            window.isMultipleTouchEnabled = false
        }
        // 全局设置 UIButton 互斥触摸
        UIButton.appearance().isExclusiveTouch = true
        UIButton.appearance().isMultipleTouchEnabled = false
    }
    
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

注：SwiftUI 的 Button 底层基于 UIButton，但部分自定义样式的 Button 可能不受全局 appearance 影响，配合窗口的多点触摸禁用能确保效果覆盖所有场景。

二、自定义互斥按钮组件（灵活可控） #

如果不想全局禁用多点触摸，仅需要按钮间互斥，可以自定义一个带锁定逻辑的按钮组件，通过全局状态管理器控制：

1. 创建全局按钮锁管理器 #

class ButtonLockManager: ObservableObject {
    @Published var isButtonLocked = false
    
    // 锁定按钮，并自动延迟解锁（可根据需求调整时长）
    func lock() {
        isButtonLocked = true
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
            self.isButtonLocked = false
        }
    }
}

2. 在 App 中注入管理器 #

@main
struct YourApp: App {
    @StateObject private var buttonLockManager = ButtonLockManager()
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .environmentObject(buttonLockManager)
        }
    }
}

3. 自定义互斥按钮 #

struct ExclusiveButton<Label: View>: View {
    let action: () -> Void
    let label: Label
    @EnvironmentObject private var lockManager: ButtonLockManager
    
    var body: some View {
        Button(action: {
            guard !lockManager.isButtonLocked else { return }
            lockManager.lock()
            action()
        }, label: {
            label
        })
        .disabled(lockManager.isButtonLocked)
    }
}

4. 使用自定义按钮 #

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            ExclusiveButton(action: {
                print("登录按钮触发")
                // 这里添加登录逻辑
            }, label: {
                Text("登录")
                    .padding()
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(8)
            })
            
            ExclusiveButton(action: {
                print("注册按钮触发")
                // 这里添加注册逻辑
            }, label: {
                Text("注册")
                    .padding()
                    .background(Color.green)
                    .foregroundColor(.white)
                    .cornerRadius(8)
            })
        }
    }
}

三、局部视图内互斥（仅针对特定页面） #

如果只是某个特定视图内的按钮需要互斥，不需要全局处理，可以直接在视图内用状态变量控制：

struct LoginRegisterView: View {
    @State private var isButtonDisabled = false
    
    var body: some View {
        VStack(spacing: 20) {
            Button(action: {
                guard !isButtonDisabled else { return }
                isButtonDisabled = true
                print("执行登录逻辑")
                // 操作完成后解锁，或延迟解锁
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
                    isButtonDisabled = false
                }
            }, label: {
                Text("登录")
                    .padding()
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(8)
            })
            .disabled(isButtonDisabled)
            
            Button(action: {
                guard !isButtonDisabled else { return }
                isButtonDisabled = true
                print("执行注册逻辑")
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
                    isButtonDisabled = false
                }
            }, label: {
                Text("注册")
                    .padding()
                    .background(Color.green)
                    .foregroundColor(.white)
                    .cornerRadius(8)
            })
            .disabled(isButtonDisabled)
        }
    }
}

内容的提问来源于stack exchange，提问作者Peter Van de Put