uiviewrepresentable 穿参数

2024年2月5日发(作者：)

uiviewrepresentable 穿参数

UIViewRepresentable 传参数

UIViewRepresentable 是 SwiftUI 框架中一个非常重要的协议，它允许我们将 UIKit 组件包装在 SwiftUI 中使用。这样一来，我们就可以在

SwiftUI 中轻松地使用常用的 UIKit 组件，同时还可以为这些组件添加自定义参数。在本文中，我们将探讨如何在 UIViewRepresentable 中传递参数。

在创建 UIViewRepresentable 时，我们可以为其添加初始化方法，用于接收我们需要的参数。下面是一个简单的例子，其中我们将创建一个自定义的 UIViewRepresentable，用于显示一个圆形视图，并通过参数控制该圆形的颜色和半径：

```swift

import SwiftUI

import UIKit

struct CircleView: UIViewRepresentable {

var color: UIColor

var radius: CGFloat

func makeUIView(context: Context) -> UIView {

let view = UIView()

oundColor = color

= CGRect(x: 0, y: 0, width: radius * 2, height: radius *

2)

Radius = radius

return view

}

func updateUIView(_ uiView: UIView, context: Context) {

oundColor = color

}

}

struct ContentView: View {

var body: some View {

CircleView(color: .red, radius: 50)

}

}

```

在上述代码中，我们创建了一个名为 CircleView 的自定义

UIViewRepresentable，该视图具有两个参数：color 和 radius。在

makeUIView 方法中，我们根据这些参数创建了一个圆形视图，并通过

updateUIView 方法实现了动态修改视图背景颜色的功能。

在 ContentView 中，我们可以通过 CircleView(color: .red, radius: 50)

的形式来创建一个 CircleView 实例，并传入不同的参数来控制圆形视图的样式。例如，我们可以使用 CircleView(color: .blue, radius: 100) 来创建一个蓝色较大的圆形视图。

通过在 UIViewRepresentable 中传递参数，我们可以轻松地实现对

UIKit 组件的自定义控制。这为我们在 SwiftUI 中使用 UIKit 组件提供了更大的灵活性和定制能力。同时，我们也能够更好地将现有的 UIKit

代码与 SwiftUI 紧密结合，实现更强大的用户界面。

总结：

通过使用 UIViewRepresentable 协议，我们可以在 SwiftUI 中使用

UIKit 组件，并通过传递参数来自定义这些组件的样式和行为。这使得我们可以更好地控制我们的用户界面，并与现有的 UIKit 代码进行无缝集成。因此，使用 UIViewRepresentable 并传递参数是开发具有高度定制的 SwiftUI 应用程序的重要一步。