自定义修饰符的创建与使用

创建自定义修饰符

在 SwiftUI 中，你可以创建自己的修饰符，以封装常用的视图修改逻辑。这不仅能提高代码的可读性，还能减少重复代码，让你的项目更易于维护。🎉

自定义修饰符本质上是一个实现了 ViewModifier 协议的结构体。这个协议要求你实现一个 body(content:) 方法，该方法接收一个 Content 类型的参数，代表被修饰的视图，并返回修改后的视图。

struct ShadowModifier: ViewModifier {
    let radius: CGFloat

    func body(content: Content) -> some View {
        content
            .shadow(color: .gray, radius: radius, x: 0, y: 2)
    }
}

使用自定义修饰符

创建好自定义修饰符后，你可以像使用 SwiftUI 内置的修饰符一样使用它。为了方便使用，通常会为 View 添加一个扩展，将自定义修饰符封装成一个方法。

extension View {
    func shadowEffect(radius: CGFloat) -> some View {
        modifier(ShadowModifier(radius: radius))
    }
}

现在，你可以这样使用你的自定义修饰符了：

Text("Hello, World!")
    .shadowEffect(radius: 5)

是不是很简单？😎

自定义修饰符的优势

使用自定义修饰符有很多好处：

• 代码复用： 将常用的视图修改逻辑封装起来，避免重复编写相同的代码。
• 提高可读性： 使代码更简洁易懂，易于维护。
• 易于修改： 修改修饰符的实现，可以一次性更新所有使用该修饰符的视图。

示例：圆角边框修饰符

让我们再看一个例子，创建一个圆角边框修饰符：

struct RoundedBorderModifier: ViewModifier {
    let color: Color
    let width: CGFloat
    let cornerRadius: CGFloat

    func body(content: Content) -> some View {
        content
            .overlay(
                RoundedRectangle(cornerRadius: cornerRadius)
                    .stroke(color, lineWidth: width)
            )
    }
}

extension View {
    func roundedBorder(color: Color, width: CGFloat, cornerRadius: CGFloat) -> some View {
        modifier(RoundedBorderModifier(color: color, width: width, cornerRadius: cornerRadius))
    }
}

使用方法：

Text("SwiftUI")
    .padding()
    .roundedBorder(color: .blue, width: 2, cornerRadius: 10)

通过自定义修饰符，你可以轻松地创建各种各样的视图效果，让你的 SwiftUI 应用更加出色！🚀 记住，好的代码是简洁、易懂、易于维护的。自定义修饰符正是实现这一目标的利器。💪