Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-08 13:58:47 +00:00
Code Issues Releases Wiki Activity

Moved two animation vignettes into misc. (#425)

Browse Source
This commit is contained in:
Andrew Brogdon
2020-05-04 13:38:38 -07:00
committed by GitHub
parent 9a464fad00
commit c7f5030079
5 changed files with 45 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
animations/README.md
View File

@@ -1,10 +1,10 @@
# Animation Samples
Sample apps that showcasing Flutter's animation features
Sample apps that showcase Flutter's animation features
## Goals
- Demonstrate the building blocks for animations and how they work together
- Provide samples for common patterns and use-cases
- Demonstrate the building blocks for animations and how they work together.
- Provide samples for common patterns and use-cases.
## Samples
@@ -12,38 +12,40 @@ Sample apps that showcasing Flutter's animation features
Building blocks and patterns
1. **AnimatedContainerDemo** Demonstrates how to use `AnimatedContainer`.
2. **PageRouteBuilderDemo** Demonstrates how to use `Tween` and `Animation` to
*build a custom page route transition.
3. **AnimationControllerDemo** Demonstrates how to use an `AnimationController`.
4. **TweenDemo** Demonstrates how to use a `Tween` with an
`AnimationController`.
5. **AnimatedBuilderDemo** Demonstrates how to use an `AnimatedBuilder` with an
`AnimationController`.
6. **CustomTweenDemo** Demonstrates how to extend `Tween`.
7. **TweenSequenceDemo** Demonstrates how to use `TweenSequence` to build a
button that changes between different colors.
8. **FadeTransitionDemo** Demonstrates how to use `FadeTransition`.
9. **AnimatedPositionedDemo** Demonstrates how to use `AnimatedPositioned`.
10. **AnimatedSwitcherDemo** Demonstrates how to use `AnimatedSwitcher`.
1. **AnimatedContainerDemo**: Demonstrates how to use `AnimatedContainer`.
2. **PageRouteBuilderDemo**: Demonstrates how to use `Tween` and `Animation` to
build a custom page route transition.
3. **AnimationControllerDemo**: Demonstrates how to use an
`AnimationController`.
4. **TweenDemo**: Demonstrates how to use a `Tween` with an
`AnimationController`.
5. **AnimatedBuilderDemo**: Demonstrates how to use an `AnimatedBuilder` with an
`AnimationController`.
6. **CustomTweenDemo**: Demonstrates how to extend `Tween`.
7. **TweenSequenceDemo**: Demonstrates how to use `TweenSequence` to build a
button that changes between different colors.
8. **FadeTransitionDemo**: Demonstrates how to use `FadeTransition`.
### Misc
Other uses-cases and examples
- **RepeatingAnimationDemo** Demonstrates how to repeat an animation.
- **ExpandCardDemo** Demonstrates how to use `AnimatedCrossFade` to fade between
two widgets and change the size.
- **CarouselDemo** Demonstrates how to use `PageView` with a custom animation.
- **FocusImageDemo** Demonstrates how to measure the size of a widget and expand
it using a `PageRouteBuilder`.
- **PhysicsCardDragDemo** Demonstrates how to run an AnimationController with a
spring simulation.
- **CardSwipeDemo** A swipeable card that demonstrates how to use gesture
detection to drive an animation.
- **AnimatedList** Demonstrates how to use `AnimatedList`.
- **HeroAnimationDemo** Demonstrates how to use `Hero` animation.
- **CurvedAnimationDemo** Demonstrates how to use different curves in `CurvedAnimation`.
- **RepeatingAnimationDemo**: Demonstrates how to repeat an animation.
- **ExpandCardDemo**: Demonstrates how to use `AnimatedCrossFade` to fade
between two widgets and change the size.
- **CarouselDemo**: Demonstrates how to use `PageView` with a custom animation.
- **FocusImageDemo**: Demonstrates how to measure the size of a widget and
expand it using a `PageRouteBuilder`.
- **PhysicsCardDragDemo**: Demonstrates how to run an AnimationController with a
spring simulation.
- **CardSwipeDemo**: A swipeable card that demonstrates how to use gesture
detection to drive an animation.
- **AnimatedList**: Demonstrates how to use `AnimatedList`.
- **AnimatedPositionedDemo**: Demonstrates how to use `AnimatedPositioned`.
- **AnimatedSwitcherDemo**: Demonstrates how to use `AnimatedSwitcher`.
- **HeroAnimationDemo**: Demonstrates how to use `Hero` animation.
- **CurvedAnimationDemo**: Demonstrates how to use different curves in
`CurvedAnimation`.
## Other Resources
@@ -51,3 +53,4 @@ detection to drive an animation.
- [Animation widgets](https://flutter.dev/docs/development/ui/widgets/animation)
- [Flutter cookbook - Animations](https://flutter.dev/docs/cookbook/animation)
- [Animations tutorial](https://flutter.dev/docs/development/ui/animations/tutorial)
- [Implicit animation codelab](https://flutter.dev/docs/codelabs/implicit-animations)