This is my scenario.
I have 2 Properties. Type and State.
Type is an Enum with 3 values eg, ball, car, arrow. State is an int which would accept 3 state values eg., -1, 0, 1. Also, I have 9 images for each state values.
Like, if I select type as ball and value as -1, I want to display a Red color ball. If I select type as arrow and value as 1, I want to display a up arrow. etc.,
I'm able to do this in WPF. I created 3 DataTemplates with an empty Image. Then, I use DataTrigger to check and update the particular image for the selected StateValue.
But, in silverlight how can I do this. I know, I have to do it in VSM. But, I would like to know some more details regarding this (or) any alternatives available.
I'd use GoToState behaviors with DataTriggers in Silverlight. Pretty simple in Blend:
Put all of your logic for what drives you to a different state in your view model. Expose the state as an enum. Open the States tab. Create a new state group (if you don't already have one). Create your states. From the Assets tab, select Behaviors. Drag the GoToState behavior from the Assets tab and drop it on your root visual element. In the Properties panel, click the "New" button next to the TriggerType and select DataTrigger. Remember that enum on your view model? Set the Trigger Binding to the state enum on the view model. Set the Trigger Value to the value of the enum. Set the StateName to the target state.
Blend should now have generated all of the VSM XAML for you. Once you get the hang of things you'll see how in some scenarios you don't even need the enum on the view model -- you'll be able to drive the state entirely off of the view.