Title: State transitions using Blend - Course Silverlight 3 - Lesson 9
Duration: 18 minutes
Summary: In this video, we discuss state transitions using Blend. We create a project with a rectangle. The purpose is to use transitions so the color of the rectangle will change when the user hovers the mouse over it. Also the size of the rectangle will grow when the user clicks on the rectangle. On the left hand side (beside the projects tab) there is a tab for states. We first add a state group, and then we added the states under the group. The states are: RectMouseEnterState, RectMouseLeaveState, RectMouseUpState, and RectMouseDownState. When we click on any of the states, a red rectangle surrounds the user control and shows us that the state is recording. The recording stops when we click on “base”. We write the events using Visual Studio 2008, and use the VisualStateManager to go to a specific state.
Methodology of the development of example: Good coding standard and simplified design to illustrate the key points.
Technology Used: Silverlight 3 and Visual Studio 2008.
Keywords: Silverlight 3, XAML, Grid, State transition, Mouse Enter, Mouse Leave, Mouse Up, Mouse Down, events, Storyboard.