Silverlight開發工具的使用為我們帶來了很多幫助。在這里我們將會幫助大家一起來理解Silverlight視覺狀態遷移的定義方式。希望通過這篇文章的介紹，大家可以理解這一方法的操作技巧。#t#

當我們我們定義了所有的視覺狀態之后，會發現各個狀態之間的狀態過渡效果并沒有顯示出來，現在我們定義Silverlight視覺狀態遷移。視覺狀態遷移是定義在每一個視覺狀態組中的，在Transitions下我們可以定義一系列的狀態遷移。定義CheckStates狀態組的視覺狀態遷移，如下代碼所示：

1. < !-- CheckStates Transitions--> 
2. < vsm:VisualStateGroup.Transitions> 
3. < vsm:VisualTransition Duration="0:0:.2" /> 
4. < /vsm:VisualStateGroup.Transitions> 

這里的Duration定義了Silverlight視覺狀態遷移需要的時間長度。這里定義的視覺狀態遷移是默認的對所有狀態都是用，同時VisualTransition還允許我們針對特殊的狀態進行特別的處理，它為我們提供了From和To屬性來指定特定的狀態，可以只定義其中一個或者兩者都定義。

如在CommonStates狀態組中，視覺狀態遷移代碼定義如下：

< !-- CommonStates Transitions--> 
< vsm:VisualStateGroup.Transitions> 
< vsm:VisualTransition 
Duration="0:0:.5" /> 
< vsm:VisualTransition 
Duration="0:0:0.8" To="MouseOver"/> 
< vsm:VisualTransition 
Duration="0:0:0.2" From="Pressed"/> 
< vsm:VisualTransition 
Duration="0" From="MouseOver" To="Pressed"/> 
< /vsm:VisualStateGroup.Transitions> 

可以看到除了定義默認的Silverlight視覺狀態遷移之外，我們還為MouseOver和Pressed狀態定義了特定的遷移效果。