SwiftUI-自定义修饰符

SwiftUI为我们提供了内置的修饰符,如一系列的font(),background()和clipShape()。但是,我们也可以创建执行特定操作的自定义修饰符。
例如,我们自定义一个项目中常用的文本,设置其字体大小、字重、颜色、背景色等。创建自定义修饰符需要遵循ViewModifier协议,实现其body方法

定义:
struct Title: ViewModifier {
    func body(content: Content) -> some View {
        content
            .font(.largeTitle)
            .foregroundColor(.white)
            .padding()
            .background(Color.blue)
            .clipShape(RoundedRectangle(cornerRadius: 10))
    }
}

使用:
Text("Hello World")
    .modifier(Title())

为了更便捷的使用,我们可以将实现的自定义修饰符扩展为View的方法,便于调用

extension View {
    func titleStyle() -> some View {
        self.modifier(Title())
    }
}

我们现在可以像这样使用修饰符:
Text("Hello World")
    .titleStyle()

one more thing:自定义修饰符不仅可以应用其他现有修饰符,还可以根据需要创建新的视图结构。请记住的是,修饰符返回新对象而不是修改现有对象,因此我们可以创建一个将视图嵌入堆栈并添加另一个视图的对象。

自定义一个水印修饰符:
struct Watermark: ViewModifier {
    var text: String

    func body(content: Content) -> some View {
        ZStack(alignment: .bottomTrailing) {
            content
            Text(text)
                .font(.caption)
                .foregroundColor(.white)
                .padding(5)
                .background(Color.black)
        }
    }
}

extension View {
    func watermarked(with text: String) -> some View {
        self.modifier(Watermark(text: text))
    }
}

你可能感兴趣的:(SwiftUI-自定义修饰符)