Crie um plano de fundo animado com SwiftUI (tutorial com código-fonte)

As animações desempenham um papel vital no aprimoramento da experiência do usuário em aplicativos móveis. Vamos explorar como criar um plano de fundo animado usando SwiftUI, a estrutura declarativa da Apple para criar interfaces de usuário.

Especificamente, criaremos um bom plano de fundo gradiente que transita suavemente entre duas cores em uma animação em loop. Vamos cavar mais fundo!

Começamos importando os módulos SwiftUI necessários.

import SwiftUI

Em seguida, definimos a estrutura ContentView, que servirá como visualização raiz do aplicativo SwiftUI. Criamos uma propriedade @State chamada Control Animation. startAnimation

struct ContentView: View {
 @State private var startAnimation: Bool = false

Dentro do corpo da propriedade, usamos aZStack para sobrepor os componentes. O plano de fundo é criado usando uma cor que transita entre a cor LinearGradient. A soma dos gradientes varia de acordo com o valor do estado. .purple.bluestartPointendPointstartAnimation

   var body: some View {
        ZStack {
            LinearGradient(
                colors: [
                    .purple,
                    .blue],
                startPoint: startAnimation ? .topLeading : .bottomLeading,
                endPoint: startAnimation ? .bottomTrai