封装行为与样式到自定义 ViewModifier

在 SwiftUI 中，自定义 ViewModifier 是一种强大的工具，可以帮助你封装视图的行为和样式。通过创建自定义的 ViewModifier，你可以将重复使用的样式和逻辑提取出来，使代码更加简洁和可维护。

创建自定义 ViewModifier

要创建一个自定义的 ViewModifier，你需要遵循以下步骤：

1. 定义结构体：创建一个符合 ViewModifier 协议的结构体。
2. 实现 body 方法：在 body 方法中定义视图的修改逻辑。
3. 使用 modifier 方法：在视图中使用 modifier 方法应用自定义的修改器。

struct CustomModifier: ViewModifier {
    func body(content: Content) -> some View {
        content
            .padding()
            .background(Color.blue)
            .cornerRadius(10)
            .shadow(radius: 5)
    }
}

应用自定义 ViewModifier

一旦你定义了自定义的 ViewModifier，就可以在任何视图中轻松应用它。只需调用 modifier 方法并传入你的修改器实例即可。

Text("Hello, SwiftUI!")
    .modifier(CustomModifier())

传递参数到 ViewModifier

你还可以通过在结构体中添加属性来使 ViewModifier 更加灵活。例如，可以传递颜色和圆角半径作为参数：

struct CustomModifier: ViewModifier {
    var color: Color
    var cornerRadius: CGFloat

    func body(content: Content) -> some View {
        content
            .padding()
            .background(color)
            .cornerRadius(cornerRadius)
            .shadow(radius: 5)
    }
}

使用时，可以这样调用：

Text("Hello, SwiftUI!")
    .modifier(CustomModifier(color: .green, cornerRadius: 20))

通过扩展 View 提供简洁的 API

为了使使用自定义 ViewModifier 更加方便，可以通过扩展 View 来提供一个简洁的 API。例如：

extension View {
    func customStyle(color: Color, cornerRadius: CGFloat) -> some View {
        self.modifier(CustomModifier(color: color, cornerRadius: cornerRadius))
    }
}

这样，你就可以直接在视图中使用：

Text("Hello, SwiftUI!")
    .customStyle(color: .red, cornerRadius: 15)

总结

通过自定义 ViewModifier，你可以有效地封装视图的行为和样式，使代码更加整洁和可重用。无论是简单的样式还是复杂的逻辑，自定义 ViewModifier 都能帮助你提升 SwiftUI 开发的效率。🎉 继续探索，创造出更美观的界面吧！