Sincronización y aceleración
Aunque el movimiento se basa en el mundo real, también somos un medio digital, que viene con una expectativa de velocidad y rendimiento.
Ejemplos
La aplicación WinUI 3 Gallery incluye ejemplos interactivos de la mayoría de los controles, características y funcionalidades de WinUI 3. Obtenga la aplicación de Microsoft Store u obtenga el código fuente en GitHub.
Valores de duración de animación estándar
WinUI proporciona un conjunto de duraciones de animación estándar que se usan en todos los controles de la plataforma. También puede usar estos recursos con nombre al crear animaciones de guion gráfico personalizados.
| ThemeResource Name | Valor |
|---|---|
| ControlNormalAnimationDuration | 250 ms |
| ControlFastAnimationDuration | 167 ms |
| ControlFasterAnimationDuration | 83 ms |
Aceleración en el movimiento fluent
La aceleración es una manera de manipular la velocidad de un objeto a medida que viaja. Es el pegamento que une todas las experiencias de movimiento fluent. Aunque es extremo, la aceleración utilizada en el sistema ayuda a unificar la sensación física de los objetos que se mueven a lo largo del sistema. Esta es una manera de imitar el mundo real y hacer que los objetos en movimiento se sientan como pertenecen a su entorno.
Aplicar aceleración al movimiento
Estas aceleraciones le ayudarán a lograr una sensación más natural y son la línea de base que usamos para el movimiento fluent.
Rápido, lento en
cubic-bezier(0, 0, 0, 1)
Se usa para objetos o interfaz de usuario que escribe la escena, ya sea navegando o generando.
Una vez en la escena, el objeto se encuentra con una fricción extrema, lo que ralentiza el reposo del objeto. La sensación resultante es que el objeto viajó desde una distancia larga y entró a una velocidad extrema, o que vuelve rápidamente a un estado de reposo.
Incluso si va precedida de un momento de falta de respuesta, la velocidad del objeto entrante tiene el efecto de sentirse rápido y con capacidad de respuesta.
Despacio, rápido en
cubic-bezier(1 , 0 , 1 , 1)
Use para la interfaz de usuario o los objetos que salen de la escena.
Los objetos se encienden y obtienen impulso hasta que alcanzan la velocidad de escape. La sensación resultante es que el objeto está intentando salir de la forma del usuario y hacer espacio para que el contenido nuevo entre.
