Явные анимации с withAnimation
Оборачивайте изменения состояния, чтобы управлять временем анимации.
«Явные анимации с withAnimation» — бесплатный урок SwiftUI Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения SwiftUI Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс SwiftUI Academy содержит 4 уроков всего.
Части этого урока еще не переведены и отображаются на английском.
When You Want Control
Sometimes you want to decide exactly which change animates. withAnimation wraps a state change so its results tween.
The withAnimation Block
You put your state mutation inside withAnimation. Every view update caused by that change animates together.
withAnimation {
isExpanded.toggle()
}Explicit vs Implicit
Implicit animation lives on the view; explicit animation lives at the change site. You choose what animates by where you mutate.
Add a Curve
Pass a curve to withAnimation just like the modifier. The animation argument shapes the timing of the whole block.
withAnimation(.easeInOut(duration: 0.3)) {
show.toggle()
}Trigger from a Button
A common pattern is wrapping a toggle in a Button action so a tap animates the resulting layout change.
Button("Toggle") {
withAnimation { open.toggle() }
}Many Views, One Block
If one state change affects several views, withAnimation animates them all in sync from a single wrapped mutation.
Use a Spring Feel
Springs give natural, bouncy motion. Pass .spring to withAnimation for UI that feels physical and responsive.
withAnimation(.spring) {
selected = id
}Animate Conditional Views
Toggling a boolean that adds or removes a view inside withAnimation animates its appearance, not just its properties.
withAnimation {
showDetail = true
}Return a Value
withAnimation can return the value its closure produces, so you can animate and read a result in one expression.
Completion Handling
Newer APIs let you run code after the motion finishes via a completion callback on withAnimation, great for chaining steps.
Keep Blocks Focused
Only put the change you want to animate inside the block. Unrelated work outside withAnimation stays instant and clean.
Quick Check
What is the key difference between the two animation styles?
Recap: withAnimation
You saw how withAnimation wraps a state change so every resulting update tweens together. It gives precise control over what animates. 👍
Часто задаваемые вопросы
Урок «Явные анимации с withAnimation» бесплатный?
Да — полный текст урока «Явные анимации с withAnimation» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс SwiftUI Academy, подпишись на CoddyKit PRO. Курс SwiftUI Academy содержит 4 уроков всего.
Чему я научусь в уроке «Явные анимации с withAnimation»?
Оборачивайте изменения состояния, чтобы управлять временем анимации. Ты практикуешь SwiftUI Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать SwiftUI Academy?
Предыдущий опыт не требуется. SwiftUI Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Явные анимации с withAnimation»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке SwiftUI Academy?
Да. Каждый урок SwiftUI Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Неявные анимации
- Явные анимации с withAnimation
- Переходы при добавлении и удалении
- Пружины и пользовательские кривые времени