Binding the VisualStateManager to a property

Here is a little trick to bind a ViewModel property to a VisualStateManager state. For this we use the Triggers and the GoToStateAction TriggerAction

<i:Interaction.Triggers>
  <ei:DataTrigger Binding="{Binding Model.Prop}" Value="Value1">
    <ei:GoToStateAction StateName="State1"/>
  </ei:DataTrigger>
  <ei:DataTrigger Binding="{Binding Model.Prop}" Value="Value2">
    <ei:GoToStateAction StateName="State2"/>
  </ei:DataTrigger>
</i:Interaction.Triggers>
Enjoy this blog? Buy Me A Coffee Donate with PayPal

Leave a reply