.neumorphic()

💈範例

struct ContentView: View {
    
    @State private var isPressed: Bool = false
    let color = Color.red
    
    var body: some View {
        Button{
            self.isPressed.toggle()
        } label: {
            Label("Hello", systemImage: "person")
                // 🌀 .neumorphic()
                .neumorphic(isPressed: $isPressed, color: color)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(color)
        .edgesIgnoringSafeArea(.all)
    }
}

🌀 .neumorphic()

import SwiftUI

// ⭐ view modifier (with @Binding)
struct Neumorphic: ViewModifier {
    
    var color: Color
    @Binding var isPressed: Bool              // ⭐ Binding
    
    var s: CGFloat { isPressed ? 5: 15 }      // positive shadow offset
    var r: CGFloat { isPressed ? 7: 10 }      // shadow radius
    var k: CGFloat { isPressed ? 0.95 : 1}    // scale
    
    func body(content: Content) -> some View {
        content
            .padding(20)
            .background(
                ZStack {
                    RoundedRectangle(cornerRadius: 10, style: .continuous)
                        .shadow(color: .white, radius: r, x: -s, y: -s)
                        .shadow(color: .black, radius: r, x: s, y: s)
                        .blendMode(.overlay)
                    RoundedRectangle(cornerRadius: 10, style: .continuous)
                        .fill(color)
                }
            )
            .scaleEffect(k)
            .foregroundColor(.primary)
            .animation(.spring())
    }
}

// ⭐ view.neumorphic()
extension View {
    public func neumorphic(isPressed: Binding<Bool>, color: Color) -> some View {
        modifier(Neumorphic(color: color, isPressed: isPressed))
    }
}

📗 參考

• Sarun ⟩ SwiftUI ButtonStyle

👥 相關

• Button