使用 UIHostingController 嵌入 SwiftUI 视图

UIHostingController 核心概念

UIHostingController 是 UIKit 和 SwiftUI 之间的桥梁，它允许你在任何 UIKit 视图层次结构中无缝地嵌入 SwiftUI 视图。这对于逐步迁移现有 UIKit 应用到 SwiftUI 来说至关重要。想象一下，你有一个庞大的 UIKit 项目，现在想引入 SwiftUI 的强大功能，UIHostingController 就是你的最佳选择！🚀

它继承自 UIViewController，这意味着你可以像管理任何其他视图控制器一样管理它。例如，你可以将其推入导航堆栈，或者将其作为子视图控制器添加。

嵌入 SwiftUI 视图的步骤

将 SwiftUI 视图嵌入到 UIKit 中是一个非常直接的过程。你只需要几个简单的步骤就能完成。

1. 创建 SwiftUI 视图: 首先，你需要有一个 SwiftUI 视图。这可以是任何你想要的复杂视图，从简单的文本标签到复杂的自定义布局。

   struct MySwiftUIView: View {
       var body: some View {
           Text("你好，SwiftUI！")
               .font(.largeTitle)
               .foregroundColor(.blue)
       }
   }

2. 实例化 UIHostingController: 接下来，使用你的 SwiftUI 视图来初始化 UIHostingController。

   let hostingController = UIHostingController(rootView: MySwiftUIView())

3. 添加为子视图控制器: 将 hostingController 添加到你的 UIKit 视图控制器中作为子视图控制器。

   addChild(hostingController)
   view.addSubview(hostingController.view)
   hostingController.didMove(toParent: self)

   这个过程确保了 SwiftUI 视图的生命周期与你的 UIKit 视图控制器同步。

布局和尺寸管理

嵌入 SwiftUI 视图后，管理其在 UIKit 容器中的布局和尺寸至关重要。你可以使用 Auto Layout 或手动设置 frame 来控制 UIHostingController 的视图。

• 使用 Auto Layout: 这是推荐的方法，因为它提供了最大的灵活性和适应性。

  hostingController.view.translatesAutoresizingMaskIntoConstraints = false
  NSLayoutConstraint.activate([
      hostingController.view.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
      hostingController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
      hostingController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
      hostingController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor)
  ])

  通过这种方式，SwiftUI 视图将自动适应其父视图的尺寸变化。

• 手动设置 Frame: 对于简单的场景，你也可以直接设置 hostingController.view 的 frame。

  hostingController.view.frame = CGRect(x: 0, y: 0, width: 200, height: 100)

  然而，这种方法在屏幕旋转或不同设备尺寸下可能需要更多的手动调整。

性能考量与最佳实践

虽然 UIHostingController 提供了极大的便利，但在使用时仍需考虑性能。

• 避免过度嵌套: 尽量避免在 SwiftUI 视图中嵌入过多的 UIHostingController，这可能会增加视图层次的复杂性。
• 优化 SwiftUI 视图: 确保你的 SwiftUI 视图本身是高效的，避免不必要的重绘。例如，使用 @State 和 @Binding 来管理视图状态，减少不必要的视图更新。
• 数据流管理: 考虑如何有效地在 UIKit 和 SwiftUI 之间传递数据。你可以通过 UIHostingController 的 rootView 属性来更新 SwiftUI 视图的数据。例如，你可以创建一个可观察对象，并在 UIKit 中更新它，SwiftUI 视图会自动响应这些变化。这使得数据同步变得轻而易举！✨