Animaciones de UI en el borde
Las animaciones en el borde muestran u ocultan una interfaz de usuario que se origina en el borde de la pantalla. Tanto el usuario como la aplicación pueden comenzar las acciones de mostrar u ocultar. La interfaz de usuario puede superponerse a la aplicación o formar parte de la superficie de la aplicación principal. Si la interfaz de usuario forma parte de la superficie de la aplicación, puede que sea necesario cambiar el tamaño del resto de la aplicación para que quepa.
API importantes: Clase EdgeUIThemeTransition
Cosas que hacer y cosas que evitar
Usa animaciones de interfaz de usuario de borde para mostrar u ocultar un mensaje personalizado o barra de error que no se extiende por toda la pantalla.
Usa animaciones de panel para mostrar una interfaz de usuario que se deslizará una distancia considerable a lo largo de la pantalla, tales como un panel de tareas o un teclado de pantalla personalizado.
Desliza la interfaz de usuario hacia dentro desde el borde al que quedará adjunta.
Desliza la interfaz de usuario hacia fuera, hasta el borde del que procede.
Si hay que cambiar el tamaño del contenido de la aplicación en respuesta al deslizamiento de la interfaz de usuario, usa animaciones de atenuación para cambiar el tamaño.
- Si la interfaz de usuario se desliza hacia dentro, usa una animación de atenuación después de la interfaz de usuario de borde o animación de panel.
- Si la interfaz de usuario se desliza hacia afuera, usa una animación de atenuación al mismo tiempo que una interfaz de usuario de borde o un panel de animación.
No uses estas animaciones con notificaciones. Las notificaciones no se deberían albergar en una interfaz de usuario en el borde.
No apliques las animaciones de panel ni las de interfaz de usuario de borde a ningún control o contenedor de interfaz de usuario que no se encuentre en el borde de la pantalla. Estas animaciones solo se usan para mostrar, cambiar el tamaño y descartar una interfaz de usuario en los bordes de la pantalla. Para mover otros tipos de interfaz de usuario, usa la animación de reposición.
Artículos relacionados
Para desarrolladores
- Introducción a las animaciones
- Animación de interfaz de usuario en el borde
- Inicio rápido: animación de la interfaz de usuario con animaciones de la biblioteca
- Clase EdgeUIThemeTransition
- Clase PaneThemeTransition
- Animación de atenuación
- Animación de reposiciones
Comentarios
https://aka.ms/ContentUserFeedback.
Próximamente: A lo largo de 2024 iremos eliminando gradualmente GitHub Issues como mecanismo de comentarios sobre el contenido y lo sustituiremos por un nuevo sistema de comentarios. Para más información, vea:Enviar y ver comentarios de