Utilisation de UIView et UIViewController dans SwiftUI

De temps en temps, je tombe sur un SDK qui n'utilise pas SwiftUI, mais «l'ancien» UIKit avec son UIViewet / ou UIViewController.

Alors que je suis en train d'écrire une série sur la programmation de drones DJI , j'utilise des SDK DJI basés sur UIKit. Par conséquent, j'ai dû trouver un moyen de les utiliser dans mon application basée sur SwiftUI.

Cet article explique comment utiliser UIViewet UIViewControlleravec les applications SwiftUI et fournit des plans prêts à être copiés et collés.

N'hésitez pas à m'acheter un café au cas où vous aimeriez cet article.

Intégrer un UIView

Dans le cas où une UIViewclasse basée sur-est nécessaire dans SwiftUI, alors c'est aussi simple que de créer une structure qui sera la vue SwiftUI qui implémente le UIViewRepresentable-protocol.

Cela se fait en fournissant deux méthodes:

• makeUIView() et
• updateUIView()

Fondamentalement, trois étapes doivent être prises pour adapter ce plan:

1. Remplacez le nom MyViewpar le nom de votre vue.
2. Remplacez le type SomeUIKitViewpar le type du UIViewqui doit être utilisé.
3. Si un délégué est requis, supprimez les commentaires et remplacez le type du délégué.

struct MyView: UIViewRepresentable {

    typealias UIViewType = SomeUIKitView

    func makeUIView(context: Context) -> UIViewType {
        let myView = UIViewType()
        // myView.delegate = context.coordinator
        return myView
    }

    func updateUIView(_ uiView: UIViewType, context: Context) {
        // left blank
    }
    
    func makeCoordinator() -> MyView.Coordinator {
        return Coordinator(self)
    }
}

extension MyView {
    class Coordinator /*: SomeUIKitViewDelegate */ {
        var parent: MyView
        
        init(_ parent: MyView) {
            self.parent = parent
        }
        
        // Implement delegate methods here
    }
}

• makeUIViewController et
• updateViewController

1. Remplacez le nom MyViewpar le nom de votre vue.
2. Remplacez le type SomeUIKitViewControllerpar le type du UIViewControllerqui doit être utilisé.
3. Si un délégué est requis, supprimez les commentaires et remplacez le type du délégué.

struct MyView: UIViewControllerRepresentable {
        
        typealias UIViewControllerType = SomeUIKitViewController

    func makeUIViewController(context: Context) -> UIViewControllerType Controller {
        let myViewController = UIViewControllerType()
        // myView.delegate = context.coordinator
        return myViewController
    }

    func updateUIViewController(_ uiViewController: UIViewControllerType, context: Context) {
            // left blank
    }
    
    func makeCoordinator() -> MyView.Coordinator {
        return Coordinator(self)
    }
}

extension MyView {
    class Coordinator /*: SomeUIKitViewDelegate */ {
        var parent: MyView
        
        init(_ parent: MyView) {
            self.parent = parent
        }
        
        // Implement delegate methods here
    }
}

• UIViewReprésentable
• UIViewControllerRepresentable
• Comment envelopper un UIView personnalisé pour SwiftUI
• Emballage d'un UIViewController dans une vue SwiftUI
• Utilisation de UIView et UIViewController dans SwiftUI