Animações implícitas e explícitas
Use o modificador .animation() ou o bloco withAnimation {} para diferentes situações.
Animações implícitas e explícitas é uma aula grátis de Swift Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Swift Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Swift Academy inclui 4 aulas no total.
Dois estilos de animação
O SwiftUI é compatível com animações implícitas, o modificador .animation, e animações explícitas, o fechamento withAnimation.
struct Demo: View {
@State private var scale = 1.0
var body: some View {
Circle().scaleEffect(scale)
}
}Animação implícita com .animation
Anexar .animation(_:value:) a uma visualização a anima sempre que o valor associado mudar.
Circle()
.scaleEffect(scale)
.animation(.easeInOut(duration: 0.3), value: scale)Acionando uma animação implícita
Qualquer alteração de estado que afete a visualização aciona automaticamente a animação implícita definida nela.
Button("Grow") {
scale = 2.0 // .animation fires automatically
}Animação explícita com withAnimation
withAnimation envolve uma mutação de estado e anima simultaneamente todas as alterações resultantes na visualização.
Button("Animate") {
withAnimation(.spring()) {
scale = 2.0
offset = 50
}
}Animando várias propriedades
withAnimation é mais adequado quando você quer animar várias alterações de estado sincronizadas como uma única transação.
withAnimation(.easeOut(duration: 0.5)) {
isExpanded = true
rotation = 90
opacity = 0.5
}Tipos de animação
O Swift oferece spring, easeIn, easeOut, easeInOut, linear e animações com curvas de temporização personalizadas.
.spring(response: 0.4, dampingFraction: 0.6)
.easeInOut(duration: 0.3)
.linear(duration: 0.5)
.timingCurve(0.2, 0.8, 0.2, 1.0, duration: 0.4)Desativando a animação
Passe .animation(.none, value:) ou envolva as mutações em withAnimation(nil) para desativar a animação seletivamente.
Circle()
.scaleEffect(scale)
.animation(.none, value: scale) // no animationPrioridade da animação
O withAnimation explícito tem prioridade sobre os modificadores .animation implícitos nas visualizações filhas.
withAnimation(.linear) {
value = true // linear wins over any .animation on subviews
}Animações repetidas
Use .repeatForever ou .repeatCount para animações em loop, como efeitos pulsantes.
.animation(
.easeInOut(duration: 0.8).repeatForever(autoreverses: true),
value: pulsing
)Atraso e velocidade
Componha animações usando os modificadores .delay e .speed no valor da animação.
.animation(.spring().delay(0.2).speed(1.5), value: flag)Escolhendo entre animação implícita e explícita
Use a animação implícita para animações de uma única visualização associadas a um valor; use a explícita ao coordenar várias propriedades ou visualizações.
// Implicit: simple, single view
.animation(.easeIn, value: isVisible)
// Explicit: multi-property or cross-view
withAnimation { a = 1; b = 2 }Verificação rápida
Qual abordagem coordena melhor a animação simultânea de várias propriedades de estado?
Recapitulação da lição
As animações implícitas (.animation(_:value:)) respondem automaticamente às alterações de valor em uma única visualização. As animações explícitas (withAnimation {}) coordenam várias mutações. Combine-as com .delay, .speed e .repeatForever para criar efeitos complexos.
Perguntas Frequentes
A aula “Animações implícitas e explícitas” é grátis?
Sim — o texto completo de “Animações implícitas e explícitas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Swift Academy, atualize para CoddyKit PRO. O curso de Swift Academy inclui 4 aulas no total.
O que vou aprender em “Animações implícitas e explícitas”?
Use o modificador .animation() ou o bloco withAnimation {} para diferentes situações. Você pratica Swift Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Swift Academy?
Nenhuma experiência prévia é necessária. Swift Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Animações implícitas e explícitas”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Swift Academy?
Sim. Cada aula de Swift Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Animações implícitas e explícitas
- matchedGeometryEffect para transições hero
- AnimatableModifier e Animatable personalizados
- TimelineView e Canvas para desenho de alto desempenho