SwiftUI: ViewModifier常见的使用

• 1、设置通用控件配置

//抽象出通用的按钮配置设置
struct CustomViewModifier : ViewModifier {
    let background : Color
    func body(content: Content) -> some View {
        content 
            .font(.headline)
            .foregroundColor(.white)
            .frame(maxWidth : .infinity)
            .frame(height : 55)
            .background(background)
            .cornerRadius(30)
            .shadow(radius: 10)
            .padding()
    }
}

• 2、使用例子

// MARK: -  VIEW
struct ViewModifierBootCamp: View {
    // MARK: -  PROPERTY

    // MARK: -  BODY
    var body: some View {
        VStack {
            Text("Hello")
                .modifier(DefaultButtonViewModifier(backgroundColor: .orange))
                .font(.headline)
            
            Text("Hello, world")
                .withDefaultButtonFormatting(backgroundColor: .green)
                .font(.subheadline)
            
            // ViewModifier -> Extention 사용
            Text("Hello!!")
                .withDefaultButtonFormatting()
                .font(.title)
            
        } //: VSTACK
    }
}

// MARK: -  EXTENTION
extension View {
    func withDefaultButtonFormatting(backgroundColor: Color = .blue)-> some View {
        modifier(DefaultButtonViewModifier(backgroundColor: backgroundColor))
    }
}

• 效果图

  
  
  16600585195425.jpg