SwiftUI 简明教程之使用 UIKit

2021-05-17 18:03:40 阅读：295 来源： 互联网

标签：教程 UIViewRepresentable context UIKit UISearchBar SwiftUI func uiView

本文为 Eul 样章，如果您喜欢，请移步 AppStore/Eul 查看更多内容。

Eul 是一款 SwiftUI & Combine 教程 App（iOS、macOS），以文章（文字、图片、代码）配合真机示例（Xcode 12+、iOS 14+，macOS 11+）的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述 SwiftUI & Combine 相关的知识，使读者能快速掌握并在 iOS 开发中实践。

SwiftUI 目前仍然在发展中，相比古老而健壮的 UIKit，它过于年轻，在生产实践中尚不能独挑大梁，有时我们需要借助 UIKit 来实现 SwiftUI 无法实现的功能。

UIViewRepresentable

如果我们想使用 UISearchBar 这样的控件，可以通过 UIViewRepresentable 协议来实现。

struct SearchBarView: UIViewRepresentable {
  func makeUIView(context: Context) -> UISearchBar {
    let uiView = UISearchBar()
    uiView.placeholder = "Input something..."
    uiView.searchBarStyle = .minimal
    return uiView
  }
  
  func updateUIView(_ uiView: UISearchBar, context: Context) {
    uiView.text = searchText
  }
}

makeUIView 只有在实例初始化的时候调用一次，updateUIView 会在视图更新的时候调用。

然后我们就可以调用 SearchBarView 了，但是这还不够，如果我们要获取实时获取搜索框的文字内容，该怎么办？在 UIKit 中，我们可以通过代理方法获取，接下来的问题就是怎么讲值传给 SwiftUI。

UIViewRepresentable 协议中有个方法：func makeCoordinator() -> Self.Coordinator ，我们通过这个方法，可以实现将 UIKit 的变化传出去告诉 SwiftUI。我们只需要实现一个中间调度器，然后在这个方法内实例化调度器，并带上需要传给 SwiftUI 的内容即可。最后实现的所有代码如下：

struct SearchBarView: UIViewRepresentable {
  @Binding var searchText: String
  
  class Coordinator: NSObject, UISearchBarDelegate {
    var searchBarView: SearchBarView
    
    init(_ searchBarView: SearchBarView) {
      self.searchBarView = searchBarView
    }
    
    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
      searchBarView.searchText = searchText
    }
    
    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
      searchBar.endEditing(true)
    }
  }
  
  func makeCoordinator() -> Coordinator {
    Coordinator(self)
  }
  
  func makeUIView(context: Context) -> UISearchBar {
    let uiView = UISearchBar()
    uiView.placeholder = "Input something..."
    uiView.searchBarStyle = .minimal
    uiView.delegate = context.coordinator
    return uiView
  }
  
  func updateUIView(_ uiView: UISearchBar, context: Context) {
    uiView.text = searchText
  }
}

UIViewControllerRepresentable

UIViewControllerRepresentable 与 UIViewRepresentable 类似，只不过它的使用场景是使用控制器。这里简单举例如何使用：

struct SafariView: UIViewControllerRepresentable {
  let url: URL
  
  func makeUIViewController(context: Context) -> SFSafariViewController {
    let controller = SFSafariViewController(url: url)
    return controller
  }
  
  func updateUIViewController(_ uiViewController: SFSafariViewController, context: Context) {
    
  }
}

本文为 Eul 样章，如果您喜欢，请移步 AppStore/Eul 查看更多内容。

标签：教程,UIViewRepresentable,context,UIKit,UISearchBar,SwiftUI,func,uiView
来源： https://www.cnblogs.com/bruce2077/p/14777840.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

SwiftUI 简明教程之使用 UIKit

UIViewRepresentable

UIViewControllerRepresentable