如何在 SwiftUI 中实现自定义委托

Question

例如，我有一个 SwitUI ContentView。当您第一次制作项目时出现的那个。

import SwiftUI

struct ContentView: View {
   var manager = TestManager()
   var body: some View {
    ZStack{
        Color(.green)
            .edgesIgnoringSafeArea(.all)
        VStack {
            Text("Test Text")

            Button(action:{}) {
                Text("Get number 2")
                    .font(.title)
                    .foregroundColor(.white)
                .padding()
                .overlay(RoundedRectangle(cornerRadius: 30)
                .stroke(Color.white, lineWidth: 5))
                }
           }
       }
   }
}

我有一个将处理 Api 调用的 TestManager。我为具有两个功能的类创建了一个委托。

protocol TestManagerDelegate {
    func didCorrectlyComplete(_ testName: TestManager, model: TestModel)
    func didFailWithError(_ error: Error)
}

struct TestManager {

    var delegate: TestManagerDelegate?
    let urlString = "http://numbersapi.com/2/trivia?json"

    func Get(){
        if let url = URL(string: urlString){

            let session = URLSession(configuration: .default)

            let task = session.dataTask(with: url) { (data, response, error) in
                if error != nil{
                    self.delegate?.didFailWithError(error!)
                    return
                }

                if let safeData = data{
                    if let parsedData = self.parseJson(safeData){
                        self.delegate?.didCorrectlyComplete(self, model: parsedData)
                    }
                }
            }
            task.resume()
        }
    }

   func parseJson(_ jsonData: Data) -> TestModel?{
       let decoder = JSONDecoder()
       do {
           let decodedData = try decoder.decode(TestModel.self,  from: jsonData)
           let mes = decodedData.message
           let model = TestModel(message: mes)
           return model

       } catch {
           delegate?.didFailWithError(error)
           return nil
       }
     }

  }

这是 testModel 数据类。只抓取返回的 Json 的文本。

struct TestModel :Decodable{
    let text: String
}

如何将 TestManager 连接到视图并让视图处理委托，就像我们在情节提要中所做的那样？

Answer 1

关于TestModel

Decodable 协议（在您的上下文中）假定您创建具有所有属性的模型结构，这些属性是您通过 JSON 获得的。请求 http://numbersapi.com/2/trivia?json 时，您会得到如下信息：

{
 "text": "2 is the number of stars in a binary star system (a stellar system consisting of two stars orbiting around their center of mass).",
 "number": 2,
 "found": true,
 "type": "trivia"
}

也就是说，您的模型应该如下所示：

struct TestModel: Decodable {
    let text: String
    let number: Int
    let found: Bool
    let type: String
}

关于代表

在 SwiftUI 中，这种方法是不可用的。相反，开发人员需要适应 Combine 框架的特性：属性包装器 @ObservedObject、@Published 和 ObservableObject 协议。 您想将逻辑放入某个结构中。坏消息，（目前）ObservableObject 是AnyObject 协议（即Class-Only Protocol）。您需要将TestManager 重写为：

class TestManager: ObservableObject {
   // ...
}

只有这样您才能在 CurrentView 中使用 @ObservedObject 属性包装器：

struct ContentView: View {
    @ObservedObject var manager = TestManager()
    // ...
}

关于TestManager

您的逻辑现在排除了delegate，您需要使用您的TestModel 将数据传递给您的CustomView。您可以通过使用 @Published 属性包装器添加新属性来修改 TestManager：

class TestManager: ObservableObject {
    let urlString = "http://numbersapi.com/2/trivia?json"
    // 1
    @Published var model: TestModel?

    func get(){
        if let url = URL(string: urlString){
            let session = URLSession(configuration: .default)
            let task = session.dataTask(with: url) { [weak self] (data, response, error) in
                // 2
                DispatchQueue.main.async { 
                    if let safeData = data {
                        if let parsedData = self?.parseJson(safeData) {
                            // 3
                            self?.model = parsedData
                        }
                    }
                }
            }
            task.resume()
        }
    }

    private func parseJson(_ jsonData: Data) -> TestModel? {
        let decoder = JSONDecoder()
        do {
            let decodedData = try decoder.decode(TestModel.self, from: jsonData)
            return decodedData
        } catch {
            return nil
        }
    }
}

1. 为了能够“从外部”访问您的模型，在您的情况下为 ContentView。
2. 将DispatchQueue.main.async{ } 用于异步任务，因为Publishing changes from background threads is not allowed; make sure to publish values from the main thread (via operators like receive(on:)) on model updates.
3. 只需使用已解析的模型即可。

然后在ContentView 中使用您的TestManager，如下所示：

struct ContentView: View {
    @ObservedObject var manager = TestManager()
    var body: some View {
        ZStack{
            Color(.green)
                .edgesIgnoringSafeArea(.all)
            VStack {
                Text("Trivia is: \(self.manager.model?.text ?? "Unknown")")
                Button(action:{ self.manager.get() }) {
                    Text("Get number 2")
                        .font(.title)
                        .foregroundColor(.white)
                        .padding()
                        .overlay(RoundedRectangle(cornerRadius: 30)
                            .stroke(Color.white, lineWidth: 5))
                }
            }
        }
    }
}

关于 HTTP

您使用链接http://numbersapi.com/2/trivia?json，即not allowed by Apple，请改用https，或添加App Transport Security Settings 键并将Allow Arbitrary Loads 参数设置为YESinto your Info.Plist。但是这样做very carefully 因为http 链接根本不起作用。

进一步的步骤

您可以根据上面的描述自行实现错误处理。

完整代码（复制粘贴）：

import SwiftUI

struct ContentView: View {
    @ObservedObject var manager = TestManager()
    var body: some View {
        ZStack{
            Color(.green)
                .edgesIgnoringSafeArea(.all)
            VStack {
                Text("Trivia is: \(self.manager.model?.text ?? "Unknown")")
                Button(action:{ self.manager.get() }) {
                    Text("Get number 2")
                        .font(.title)
                        .foregroundColor(.white)
                        .padding()
                        .overlay(RoundedRectangle(cornerRadius: 30)
                            .stroke(Color.white, lineWidth: 5))
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

class TestManager: ObservableObject {
    let urlString = "http://numbersapi.com/2/trivia?json"
    @Published var model: TestModel?

    func get(){
        if let url = URL(string: urlString){
            let session = URLSession(configuration: .default)
            let task = session.dataTask(with: url) { [weak self] (data, response, error) in
                DispatchQueue.main.async {
                    if let safeData = data {
                        if let parsedData = self?.parseJson(safeData) {
                            self?.model = parsedData
                        }
                    }
                }
            }
            task.resume()
        }
    }

    private func parseJson(_ jsonData: Data) -> TestModel? {
        let decoder = JSONDecoder()
        do {
            let decodedData = try decoder.decode(TestModel.self, from: jsonData)
            return decodedData
        } catch {
            return nil
        }
    }
}

struct TestModel: Decodable {
    let text: String
    let number: Int
    let found: Bool
    let type: String
}