Skip to main content

Flutter Intro


动画时间

Duration 属性是一组以毫秒为单位的持续时间,可用于动画。

属性
motionDurationShort150ms
motionDurationShort2100ms
motionDurationShort3150ms
motionDurationShort4200ms
motionDurationMedium1250ms
motionDurationMedium2300ms
motionDurationMedium3350ms
motionDurationMedium4400ms
motionDurationLong1450ms
motionDurationLong2500ms
motionDurationLong3550ms
motionDurationLong4600ms
motionDurationExtraLong1700ms
motionDurationExtraLong2800ms
motionDurationExtraLong3900ms
motionDurationExtraLong41000ms

Easing 动画时间

EasingDurationTransition Type
Emphasized500msBegin and end on screen
Emphasized decelerate400msEnter the screen
Emphasized accelerate200msExit the screen
Standard300msBegin and end on screen
Standard decelerate250msEnter the screen
Standard accelerate200msExit the screen

相关参考

https://m3.material.io/styles/motion/overview

https://docs.flutter.dev/ui/animations/tutorial

https://flutter.cn/docs/development/ui/animations/tutorial