Activación de una animación de un evento utilizando MVVM

Question

Parece que he llegado a algún tipo de punto de ruptura de MVVM aquí.

Me gustaría que un control tenga su opacidad animada durante medio segundo (DoubleAnimation de 0.5 a 1.0) cuando el objeto del modelo de vista subyacente tenga su propiedad de "Estado" modificada. Lo logré al principio usando un DataTrigger pero como no he encontrado una forma de reaccionar a CUALQUIER cambio, solo un valor dado, tuve que voltear siempre la propiedad "Status" de los objetos de VM hasta un valor "pendiente" especial antes de configurarlo a su valor previsto. (? ¿Hay una manera de reaccionar ante cualquier cambio por cierto)

Ésta era hacky así que empecé a tocar el violín con Eventtriggers lugar ...

Esto es lo que he probado hasta ahora:

1. el uso de una normal de EventTrigger

Esto parece requerir un RoutedEvent pero que, a su vez, requiere que mi vista del modelo subyacente objeto hereda de DependencyObject.

1. Usando i:Interaction.Triggers

De esa manera puedo escuchar y reaccionar a los eventos de .NET normales pero no he encontrado una manera de empezar un StoryBoard utilizando este enfoque.

1. Usando i:Interaction.Triggers y escribir un Behavior

Este experimento se quedaron cortos en el hecho no he encontrado ninguna manera de unir mi comportamiento personalizado para su control asociado.

Esto es lo que el XAML parecía:

<cc:MyControl> 
     <i:Interaction.Triggers> 
      <i:EventTrigger EventName="Updated"> 
       <i:Interaction.Behaviors> 
        <cv:OpacityBehavior Duration="0:0:0:5" /> 
       </i:Interaction.Behaviors> 
      </i:EventTrigger> 
     </i:Interaction.Triggers> 

Y aquí es el comportamiento personalizado:

class OpacityBehavior : Behavior<MyControl> 
{ 
    public Duration Duration { get; set; } 

    protected override void OnAttached() 
    { 
     base.OnAttached(); 
     var animation = new DoubleAnimation(0.5, 1, Duration, FillBehavior.HoldEnd); 
     var associatedObject = lookupVisualParent(this); 
     associatedObject.BeginAnimation(UIElement.OpacityProperty, animation); 
    } 
} 

que no funcionó porque el analizador XAML necesario que se unan directamente a "MyControl "pero necesito adjuntarlo al desencadenador del evento". Luego trató este enfoque:

class OpacityBehavior : Behavior<DependencyObject> 
{ 
    public Duration Duration { get; set; } 

    protected override void OnAttached() 
    { 
     base.OnAttached(); 
     var animation = new DoubleAnimation(0.5, 1, Duration, FillBehavior.HoldEnd); 
     var associatedObject = lookupVisualParent(this); 
     associatedObject.BeginAnimation(UIElement.OpacityProperty, animation); 
    } 

    private UIElement lookupVisualParent(DependencyObject dObj) 
    { 
     if (dObj is UIElement) 
      return (UIElement) dObj; 

     if (dObj == null) 
      return null; 

     return lookupVisualParent(LogicalTreeHelper.GetParent(dObj)); 
    } 
} 

Esto no se ajustó en el hecho de que lookupVisualParent no funciona. El padre lógico del comportamiento siempre es null.

Me parece que esto debería ser una tarea bastante común? ¿Hay una buena solución a este problema? Me resulta extraño que tenga que escribir las clases de mi modelo de vista para que se derivan de DependencyObject con el fin de iniciar una animación cuando se desencadena un evento.

Saludos

Answer 1

Usted simplemente puede usar una bandera: establecer un indicador en su máquina virtual llamada 'RecentlyChangedFlag'. Pulsarlo a true, luego false, siempre que cambien los valores apropiados. Puede hacerlo así:

private bool _changedFlag; 
public bool ChangedFlag 
{ 
    get 
    { 
     if (_changedFlag) 
     { 
      _changedFlag = false; 
      OnPropertyChanged("ChangedFlag"); 
      return true; 
     } 
     // (else...) 
     return false; 
    } 
    protected set 
    { 
     _changedFlag = value; 
     OnPropertyChanged("ChangedFlag"); 
    } 
} 

I.e., con el código anterior establecido en ChangedFlag = true cuando desee indicar la animación para comenzar. Se restablecerá a falso después de que WPF consulte el valor verdadero.

Luego haga que la animación se produzca cuando el valor de RecentlyChangedFlag es , por ejemplo, EnterAction.

Espero que ayude.