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

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

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

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

如在CommonStates狀態(tài)組中，視覺狀態(tài)遷移代碼定義如下：

< !-- 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視覺狀態(tài)遷移之外，我們還為MouseOver和Pressed狀態(tài)定義了特定的遷移效果。