SwiftUI) ViewModifer 개념 예제

예제 코드

import SwiftUI
 
struct ContentView: View {
    
    var body: some View {
        VStack{
            Text("Main Title!")
                .font(.largeTitle)
                .foregroundColor(.black)
                .bold()
                .padding(.bottom, 20)
            // 일반 스타일
            
            Text("Sub Title!")
                .modifier(textStyle())
            // ViewModifier 사용
            
            Text("Description")
                .modifier(textStyle(myColor: .red))
            // ViewModifier 사용
 
            Text("Description")
                .CutomFont(color: .blue)
            // Text 에게 extension 적용하여 만든 함수
        }
    }
}
 
//ViewModifier
struct textStyle: ViewModifier {
    
    var myWeight = Font.Weight.regular
    var myFont = Font.title2
    var myColor = Color.black
    
    func body(content: Content) -> some View {
        content
            .font(myFont.weight(myWeight))
        .foregroundColor(.orange)
        .padding(.bottom, 20)
    }
    
}
 
//extension
extension Text {
    func CutomFont(color : Color) -> Text {
        self
            .font(.title2)
            .bold()
            .italic()
            .foregroundColor(color)
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
        }
    }
}
 

 

결과

 

학습 개념

ViewModifer 사용

extension 사용