Silverlight and the VisualStateManager

核心提示： The various states of this control are represented in this particular template.Some other controls might have a blank palette here until some are

The various states of this control are represented in this particular template.　Some other controls might have a blank palette here until some are added, but Button has some default states.　As a designer now you can simply concentrate on what the final look of the element (in our case a Button) in each state.　Just define the state and what the element should look like in that state.　The State palette shows a few things.　You’ll notice “Base” as well as two other named containers, “CommonStates” and “FocusStates” which are what are called state groups and containers for different states.

Beneath that you can select a state and see it’s final state.　Want to change the MouseOver state, select it in the state palette and start customizing the template.　Let’s change the MouseOver state, select it and let’s change some properties.　By default it looks like this:

You’ll also notice a few things changed.　Basically the design surface goes into Timeline recording mode and a subtle new feature in the objects palette indicating the property being animated/changed…in this case the BackgroundGradient: