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

时间:2020-06-19 13:53:39

标签: ios delegates swiftui delegation

作为示例,我有一个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))
                }
           }
       }
   }
}

我有一个TestManager可以处理Api调用。我为具有两个功能的类做了一个委托。

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连接到视图并让视图像在故事板上一样处理委托?

1 个答案:

答案 0 :(得分:2)

关于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@PublishedObservableObject协议。 您想将逻辑放入某种结构中。坏消息是,(当前)ObservableObjectAnyObject协议(即Class-Only Protocol)。您需要将TestManager重写为以下类:

class TestManager: ObservableObject {
   // ...
}

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

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参数设置为{{ 1}} into your Info.Plist。但这very carefully是因为http链接根本不起作用。

进一步的步骤

您可以根据上述说明自行执行错误处理。

完整代码(复制并粘贴):

Allow Arbitrary Loads