Duration: 16 minutes
Summary: In the previous video we discussed styles. We saw how to change some properties and bundle them in a resource. Today, we are taking this a step further by adding templates. With templates we can redefine the shape of a specific control. We will start with a simple square on the screen. By right-clicking we can make that into a control. Then under the states tab, we have a list of states that we can record. Clicking on one of those states will actually trigger the animation. Any property changes we make at that time we be recorded for that state. We record state changes for MouseOver and Pressed. Also we notice that we have control over the transition duration. We change that to 1 second and preview the effect. Other changes also include manipulating the transition effect and the easing function. We apply these changes as well and we preview their impact on the control. Finally, we view the XAML to see what got generated. We notice that the Visual State Manager is in control.
Methodology of the development of example: Good coding standard and simplified design to illustrate the key points.
Technology Used: Silverlight 5, Visual Studio 2010, Blend 4
Keyword: Silverlight 5, Visual Studio 2010, XAML, Button, Content, Rectangle, Grid, Resources, Setter, Property, Value, States, Animation, template, Normal, MouseOver, Pressed, Disabled.