SwiftUI) Toggle Custom 예제

import SwiftUI
 
struct ContentView: View {
    
    @State private var isOn = false
    
    var body: some View {
        Toggle("\(isOn.description)", isOn: $isOn)
            .toggleStyle(CustomToggle())
            .frame(width: 200, height: 50)
        
    }
    
}
 
struct ContentView_Previews: PreviewProvider {
    
    static var previews: some View {
        ContentView()
    }
    
}
 
struct CustomToggle : ToggleStyle{
    
    func makeBody(configuration: Configuration) -> some View {
        RoundedRectangle(cornerRadius: 100)
            .foregroundColor(configuration.isOn ? .red : .blue)
            .overlay(
                GeometryReader(content: { geometry in
                    
                    let geometryHeight = geometry.size.height
                    let minXOffset = geometry.frame(in: .local).minX
                    let maxXOffset = geometry.frame(in:.local).maxX
                    let leftPosition = minXOffset
                    let rightPosition = maxXOffset - geometryHeight
                    
                    ZStack{
                        Circle()
                            .foregroundColor(.orange)
                            .frame(width: geometryHeight)
                        Text(configuration.isOn ? "On" : "Off")
                    }.offset(x: configuration.isOn ? leftPosition : rightPosition)
                    .animation(.easeInOut(duration: 0.25))
                })
            )
            .onTapGesture {
                configuration.isOn.toggle()
            }
    }
    
}