SwiftUI初级课程（十八）ViewModifier视图修饰符

//ViewModifier视图修饰符和网页设计的CSS类似，用于整合一组常用的视图样式。当项目拥有很多具有相同样式的视图，可以组合成ViewModifier。这样只需给图片应用这个统一的ViewModifier即可

struct ContentView: View {
    var body: some View {
        VStack {
            Image("tu-a")
                .frame(width: 200, height: 200, alignment: .top)
                .background(.orange)
                .cornerRadius(100) // 转换为圆形
                .saturation(0.0) // 转换为灰度
                .brightness(0.1) // 亮度增加0.1
            Image("tu-b")
                .modifier(myImageStyle())
            Image("tu-c")
                .modifier(myImageStyle())
        }
    }
}

struct myImageStyle: ViewModifier // 视图修饰器 只需修改修饰器代码，就可以同时改变视图中的图片
{
    func body(content: Content) -> some View { // 实现视图修饰器的body方法，并返回一个视图对象
        content
            .frame(width: 200, height: 200, alignment: .top)
            .background(.orange)
            .cornerRadius(100) // 转换为圆形
            .saturation(0.0) // 转换为灰度
            .brightness(0.1) // 亮度增加0.1
    }
}