Flutter Intro
动画时间
Duration 属性是一组以毫秒为单位的持续时间,可用于动画。
属性 | 值 |
---|---|
motionDurationShort1 | 50ms |
motionDurationShort2 | 100ms |
motionDurationShort3 | 150ms |
motionDurationShort4 | 200ms |
motionDurationMedium1 | 250ms |
motionDurationMedium2 | 300ms |
motionDurationMedium3 | 350ms |
motionDurationMedium4 | 400ms |
motionDurationLong1 | 450ms |
motionDurationLong2 | 500ms |
motionDurationLong3 | 550ms |
motionDurationLong4 | 600ms |
motionDurationExtraLong1 | 700ms |
motionDurationExtraLong2 | 800ms |
motionDurationExtraLong3 | 900ms |
motionDurationExtraLong4 | 1000ms |
Easing 动画时间
Easing | Duration | Transition Type |
---|---|---|
Emphasized | 500ms | Begin and end on screen |
Emphasized decelerate | 400ms | Enter the screen |
Emphasized accelerate | 200ms | Exit the screen |
Standard | 300ms | Begin and end on screen |
Standard decelerate | 250ms | Enter the screen |
Standard accelerate | 200ms | Exit the screen |
相关参考
https://m3.material.io/styles/motion/overview