Utilizzare i DataTrigger e ControlStoryboardAction per animare una cella di un DataGrid in Silverlight

di Alessio Leoncini, in Silverlight 4.0,

Nell'SDK di Expression Blend, in particolare nell'assembly Microsoft.Expression.Interactions.dll, possiamo trovare la classe DataTrigger: una implementazione della classe TriggerBase<T> molto utile per eseguire alcune azioni a seguito del cambiamento di una proprietà dell'entità in binding, il tutto direttamente da markup.

Per utilizzare una classe TriggerBase possiamo impiegare la classe Interaction presente nell'assembly System.Windows.Interactivity.dll, presente anch'esso nelle librerie dell'SDK di Blend, dopo aver dichiarato i rispettivi namespace nel markup:

Possiamo utilizzare la classe Interaction all'interno del markup di un oggetto o di un controllo, per gestire un trigger valorizziamo la proprietà Triggers con un oggetto DataTrigger, come nell'esempio seguente:

<i:Interaction.Triggers>
    <ei:DataTrigger Binding="{Binding IsChanged}" 
                    Comparison="Equal"
                    Value="True">
        <ei:ControlStoryboardAction Storyboard="{StaticResource Storyboard1}" 
                                    ControlStoryboardOption="Play" />
    </ei:DataTrigger>
    <ei:DataTrigger Binding="{Binding IsChanged}"
                    Value="False">
        <ei:ControlStoryboardAction Storyboard="{StaticResource Storyboard2}" />
    </ei:DataTrigger>
</i:Interaction.Triggers>

Con la proprietà Binding definiamo la proprietà dell'entità su cui mettiamo in ascolto il DataTrigger, al cambiamento del valore della stessa viene eseguito una comparazione, secondo il criterio impostato con la proprietà Comparison con il valore definito dalla proprietà Value.
Nel caso i due valori corrispondano viene eseguito l'oggetto TriggerAction definito all'interno del DataTrigger stesso, nell'esempio precedente si tratta del ControlStoryboardAction.

Per eseguire azioni diverse per valori diversi della proprietà in binding possiamo definire più DataTrigger sulla stessa proprietà dell'entità, sempre all'intero della proprietà Triggers di Interaction.

L'oggetto ControlStoryboardAction non fa altro che eseguire uno Storyboard che nell'esempio è definitovengono definiti come StaticResource ma che possono essere dichiarati anche direttamente inline.
Oltre ad esso abbiamo a disposizione, inclusi nell'SDK, le seguenti implementazioni di TriggerAction:

  • CallMethodAction
  • HyperlinkAction
  • PlaySoundAction
  • InvokeCommandAction

L'oggetto DataTrigger può essere applicato in tutti i contesti in cui si ha a disposizione una entità in binding, compreso un DataTemplate.
Nell'esempio allegato è possibile vedere un esempio in cui viene associato ad un CellTemplate di un DataGridTemplateColumn di un DataGrid, in modo che venga eseguita una animazione ad un elemento a seguito del cambiamento del suo valore.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi