Efectos avanzados de animación XAML. Pulso, ants que marchan, rotaciones. Alertas

Tengo una lista de alarmas. Cuando las alarmas están activadas, se ha solicitado que sean más notorias. Cuando cambia el estado de una alarma, quería crear un brillo exterior pulsante alrededor del elemento durante unos segundos y luego hacer que desaparezca.

El problema que estoy teniendo es que parece que no puedo hacer que el DropShadowEffect aparezca solo cuando lo necesito. Intenté establecer la opacidad en 0 y el color en Transparente, pero luego parece deshabilitar la animación. Consideré agregar el efecto con un disparador de estilo pero luego no estoy seguro de cómo lo eliminarías cuando termine la animación.

¿Algún consejo sobre cómo lograr esto?

                  

Actualizar Aquí hay un ejemplo de cómo se ve una sección de la pantalla. Tuve que eliminar el texto y otros aspectos de la captura de pantalla debido a problemas de seguridad, mis disculpas. Reemplacé la mayoría de ellos texto genérico para proporcionar el contexto. Otra cosa a tener en cuenta es que, en general, esto no se ejecuta en monitores normales. Por lo general, se muestra junto a otras pantallas en una pared de video muy larga y muy grande.

captura de pantalla

La Alarma con las palabras Límites de enlace (la primera palabra fue eliminada, el texto normalmente no se sienta así) tiene un gradiente de balanceo animado razonable que reemplazó un simple parpadeo. Además, el estado de alarma en el caso hace que la forma gire.

La respuesta fue que cuando cambia el estado de una alarma por primera vez (de verde a amarillo o naranja a rojo, etc.), desean alguna indicación adicional. Tenía algunas ideas diferentes. El primero fue intentar animar el texto para que se expandiera un poco casi pulsando. Sin embargo, cuando lo intenté, se expandió muy obviamente hacia la derecha y hacia abajo, y realmente no me dio ese efecto de “hinchazón” que esperaba.

Otra idea para la que pregunté aquí fue posiblemente animar un borde shiny alrededor del elemento de alarma. Algo que se volvería shiny y luego se atenuaría 3 o 4 veces cuando cambiara el estado. Sin embargo, estoy abierto a otras ideas. Realmente me gustan las habilidades de animación en WPF, pero estoy encontrando dificultades para usarlo para articular mis ideas. (Algo que creo que vendrá con el tiempo)

Update Tried animó el trazo y el grosor de trazo, así como el efecto y, aunque ayuda a que el resplandor se destaque, el borde es demasiado duro y notorio, especialmente cuando el color de la alarma es rojo.

          

Actualización Demostración de un brillo exterior para la alarma como un todo y se consideró demasiado sutil. Estoy entreteniendo la idea de un 7up punto de baile en este punto … (en realidad no)

Ok, amigo, tomé unos 15-20 minutos esta mañana para seguir adelante y juntar algunos ejemplos aleatorios de estilos que he usado en el pasado para cosas de tipo de notificación. Supongo que el simulacro que muestra es solo un ejemplo muy aproximado, por lo que sin saber más exactamente qué aspecto tiene, es difícil combinar el estilo como lo haría un diseñador.

Sin embargo, me imagino que podría utilizar estos ejemplos para hacer que los jugos creativos fluyan sobre cómo / qué ruta tomar, y solo una muestra de algunas de las cosas que puede hacer de manera rápida y sencilla. Si quieres un ejemplo más bonito / más preciso, tendrás que compartir las pantallas reales, etc. Las animaciones y cosas podrían aplicarse a otros objetos como el ícono y demás, pero para este ejemplo, simplemente los arrojé en algunos cuadros.

Estos son de mi propia bolsa de trucos, utilízalos libremente, tengo toneladas de técnicas diferentes que podría mostrarte si quieres también, pero si nos involucramos demasiado, bueno este tipo de asesoramiento profundo es cómo me gano la vida, así que tiene que al menos cobrarle una caja de cerveza o algo así;)

De todos modos, tira esto en una ventana, lo acabo de hacer con un nuevo proyecto rápido de wpf. así que simplemente los pegará y ejecutará, están configurados para comenzar con la carga.

Lo principal que he encontrado para evitar, es jugar mucho con gradientes y varias cosas de sombreado de píxeles como la de las animaciones masivas. Sin embargo, cosas como esta parecen estar bien.

OUTPUT (En estilo animado .gif picado de todos modos para el ejemplo visual.):

enter image description here

Y LA MAGIA:

                                                                                                                                         

Estoy agregando un escenario de prueba usando TextBox

                

Se agregó más animación para el Background y el Foreground