Animações são uma parte essencial do desenvolvimento de interfaces de usuário modernas, proporcionando uma experiência mais rica e interativa. No ambiente Apple, especialmente no macOS, iOS, watchOS e tvOS, as animações podem ser criadas de maneira eficiente e intuitiva usando Swift e SwiftUI. Este artigo abordará como criar animações no macOS utilizando essas tecnologias, fornecendo exemplos práticos para que você possa implementar animações em suas próprias aplicações.

Exemplos:

Exemplo 1: Animação Básica com SwiftUI

Vamos começar com uma animação simples que altera a opacidade de uma view.

import SwiftUI



struct ContentView: View {

    @State private var isVisible = false



    var body: some View {

        VStack {

            Text("Hello, World!")

                .opacity(isVisible ? 1 : 0)

                .animation(.easeIn(duration: 1.0), value: isVisible)



            Button("Toggle Visibility") {

                isVisible.toggle()

            }

        }

        .padding()

    }

}



struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}

Neste exemplo, um texto "Hello, World!" é exibido com uma animação de opacidade. Ao clicar no botão "Toggle Visibility", a opacidade do texto alterna entre 0 e 1 com uma animação de 1 segundo.

Exemplo 2: Animação de Movimento

Agora, vamos criar uma animação que move uma view de um lado para o outro.

import SwiftUI



struct MovingView: View {

    @State private var offset: CGFloat = 0



    var body: some View {

        VStack {

            Circle()

                .frame(width: 50, height: 50)

                .offset(x: offset)

                .animation(.easeInOut(duration: 1.0), value: offset)



            Button("Move") {

                offset = offset == 0 ? 100 : 0

            }

        }

        .padding()

    }

}



struct MovingView_Previews: PreviewProvider {

    static var previews: some View {

        MovingView()

    }

}

Neste exemplo, um círculo é movido horizontalmente quando o botão "Move" é pressionado. A animação usa a função easeInOut para suavizar o movimento.

Exemplo 3: Animação de Escala

Por fim, vamos criar uma animação que altera a escala de uma view.

import SwiftUI



struct ScalingView: View {

    @State private var scale: CGFloat = 1.0



    var body: some View {

        VStack {

            Rectangle()

                .frame(width: 100, height: 100)

                .scaleEffect(scale)

                .animation(.spring(), value: scale)



            Button("Scale") {

                scale = scale == 1.0 ? 1.5 : 1.0

            }

        }

        .padding()

    }

}



struct ScalingView_Previews: PreviewProvider {

    static var previews: some View {

        ScalingView()

    }

}

Neste exemplo, um retângulo é escalado quando o botão "Scale" é pressionado. A animação usa a função spring para criar um efeito de mola.