美文网首页
SwiftUI—使用ViewModifier视图修饰符集成多个样

SwiftUI—使用ViewModifier视图修饰符集成多个样

作者: anny_4243 | 来源:发表于2020-07-20 17:31 被阅读0次

原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC11%E8%8A%82viewmodifier-

ViewModifier视图修饰符和网页设计里的CSS类似,主要用于整合一组常用的视图样式。当项目拥有很多具有相同样式的

示例代码:

struct ContentView : View {
    
    var body: some View {
        VStack(alignment: .center, spacing: 40){
            Image("avarta1").modifier(myImageStyle())
            Image("avarta2").modifier(myImageStyle())
            Image("avarta3").modifier(myImageStyle())
        }
        .padding()
    }
}

struct myImageStyle: ViewModifier {
    func body(content: Content) -> some View {
        content
            .frame(width: 200, height: 200, alignment: .leading)
            .cornerRadius(100)
            .clipped()
            .saturation(0.0)
    }
}

相关文章

网友评论

      本文标题:SwiftUI—使用ViewModifier视图修饰符集成多个样

      本文链接:https://www.haomeiwen.com/subject/xpjykktx.html