buttoncraft - creating a practical app to craft that perfect button style.

Animation Button Switch

buttoncraft – creating a practical app to craft that perfect button style.

July 1, 2025

Experimenting with SwiftUI whilst creating a practical app to craft that perfect button style.

✈️ Testflight

https://testflight.apple.com/join/pZDhygQt

Last TestFlight bump: 13th November 2024

👨🏻‍💻 Code outputted from app


                                              
                                                struct MyButtonStyle: ButtonStyle {

func makeBody(configuration: Self.Configuration) -> some View {

configuration.label

.background(Capsule()

.foregroundColor(configuration.isPressed ? Color.primary.opacity(0.75) : Color.primary))

.scaleEffect(configuration.isPressed ? CGFloat(0.85) : 1.0)

.rotationEffect(.degrees(configuration.isPressed ? 0.0 : 0))

.blur(radius: configuration.isPressed ? CGFloat(0.0) : 0)

.animation(Animation.spring(response: 0.35, dampingFraction: 0.35, blendDuration: 1), value: configuration.isPressed)

}

}
extension Button {

func myButtonStyle() -> some View {

self.buttonStyle(MyButtonStyle())

}

}
// to use

Button { } label: {

Text(“just like that”)

.font(Font.body.bold())

.padding()

.foregroundColor(Color.primary)

.colorInvert()

}

.myButtonStyle()
Button { } label: {

Image(systemName: “face.smiling”)

.font(Font.body.bold())

.imageScale(.large)

.padding()

.foregroundColor(Color.primary)

.colorInvert()

}

.myButtonStyle()