swiftUI 强转成控制器

原创

mob649e81630984 2024-12-23 03:54:51 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e81630984的原创作品，请联系作者获取转载授权，否则将追究法律责任

SwiftUI强转成控制器

在iOS开发中，SwiftUI和UIKit是两种重要的界面构建技术。虽然SwiftUI是Apple推出的最新界面框架，它允许开发者用声明性的方法构建用户界面，许多开发者仍然在使用UIKit，尤其是在需要复用现有组件或与旧代码集成时。有时，我们需要将SwiftUI视图嵌入到现有的UIKit控制器中，在这种情况下，就需要将SwiftUI的View强转为控制器。

什么是SwiftUI和UIKit？

SwiftUI 是一个声明式的框架，用于构建用户界面，提供了一种使用简单、易于理解的方式创建和更新界面。它支持状态驱动的编程和数据绑定，使得UI更具反应性。
UIKit 则是传统的界面构建框架，采用了imperative（命令式）编程风格。开发者需明确指定如何创建和管理界面组件。

在SwiftUI中嵌入UIKit视图

我们通常需要在SwiftUI中嵌入UIKit组件的原因包括：从已有UIKit应用过渡，使用UIKit的某些特性，或者使用一些第三方库。SwiftUI提供了UIViewControllerRepresentable协议，方便我们将UIKit视图嵌入到SwiftUI中。

将SwiftUI视图嵌入到UIViewController中

我们将创建一个简单的例子，演示如何将SwiftUI视图放入UIKit的控制器中。下面是所需要的步骤：

创建一个SwiftUI的View
创建一个UIViewController并将SwiftUI视图嵌入其中
在场景中展示这个控制器

代码示例

首先，我们需要创建一个简单的SwiftUI视图。例如，一个基本的计数器：

import SwiftUI

struct CounterView: View {
    @State private var count = 0
    
    var body: some View {
        VStack {
            Text("Counting: \(count)") // 显示计数值
                .font(.largeTitle)
            Button(action: {
                count += 1 // 按钮事件，增加计数
            }) {
                Text("Increment") // 按钮标签
                    .padding()
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(10)
            }
        }
        .padding()
    }
}

接下来，让我们创建一个UIViewController，并在里面嵌入这个SwiftUI视图：

import UIKit
import SwiftUI

class CounterViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let swiftUIView = CounterView() // 创建SwiftUI视图
        let hostingController = UIHostingController(rootView: swiftUIView) // 强转成控制器
        
        // 将SwiftUI视图添加到UIViewController
        addChild(hostingController)
        view.addSubview(hostingController.view)
        
        hostingController.view.frame = view.bounds // 设置frame
        hostingController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight] // 自适应大小
        hostingController.didMove(toParent: self)
    }
}

在SceneDelegate中展示控制器

在新的SwiftUI项目中，我们通常会在SceneDelegate或App中进行控制器的展示。以下是如何在SceneDelegate中实例化并展示我们的CounterViewController：

class SceneDelegate: UIResponder, UIWindowSceneDelegate {
    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        guard let windowScene = scene as? UIWindowScene else { return }
        
        let window = UIWindow(windowScene: windowScene)
        let viewController = CounterViewController() // 创建视图控制器
        window.rootViewController = viewController // 设置根视图控制器
        self.window = window
        window.makeKeyAndVisible() // 显示窗口
    }
}

知识回顾

在这一部分，我们简单回顾使用SwiftUI和UIKit的重要性。很多时候，我们需要使用SwiftUI来创建新功能，同时又希望能够整合现有的UIKit代码。下面的表格总结了SwiftUI和UIKit之间的一些主要区别和优缺点：

特点	SwiftUI	UIKit
编程范式	声明式	命令式
可用性	iOS 13及更高版本	所有iOS版本
复杂度	更加简单，并自适应UI更新	需要手动管理UI状态
学习曲线	较平缓	对新手较难
动画支持	内置动画机制	需要手动设置

结尾

通过本篇文章，我们了解了如何将SwiftUI强转成UIViewController，并嵌入到一个UIKit控制器中。SwiftUI的出现使得开发者在构建用户界面时能够以更简单的方式进行设计与实现，然而，在某些情况下，将它们嵌入到UIKit中仍然是非常必要的。这种能力极大地提升了我们应用程序的灵活性，使得开发者可以利用这两个框架的优势。

随着SwiftUI的发展，我们可以期待未来Apple会在这个框架上持续增加新功能和改进，使得这种强转和集成的过程更加简单和高效。如果您还未尝试过SwiftUI，不妨动手实践一下，在实际项目中探索更多的可能性。