Silverlight視覺(jué)狀態(tài)遷移相關(guān)實(shí)現(xiàn)方法介紹
Silverlight開(kāi)發(fā)工具的使用為我們帶來(lái)了很多幫助。在這里我們將會(huì)幫助大家一起來(lái)理解Silverlight視覺(jué)狀態(tài)遷移的定義方式。希望通過(guò)這篇文章的介紹，大家可以理解這一方法的操作技巧。#t#
當(dāng)我們我們定義了所有的視覺(jué)狀態(tài)之后，會(huì)發(fā)現(xiàn)各個(gè)狀態(tài)之間的狀態(tài)過(guò)渡效果并沒(méi)有顯示出來(lái)，現(xiàn)在我們定義Silverlight視覺(jué)狀態(tài)遷移。視覺(jué)狀態(tài)遷移是定義在每一個(gè)視覺(jué)狀態(tài)組中的，在Transitions下我們可以定義一系列的狀態(tài)遷移。定義CheckStates狀態(tài)組的視覺(jué)狀態(tài)遷移，如下代碼所示：
- < !-- CheckStates Transitions-->
- < vsm:VisualStateGroup.Transitions>
- < vsm:VisualTransition Duration="0:0:.2" />
- < /vsm:VisualStateGroup.Transitions>
這里的Duration定義了Silverlight視覺(jué)狀態(tài)遷移需要的時(shí)間長(zhǎng)度。這里定義的視覺(jué)狀態(tài)遷移是默認(rèn)的對(duì)所有狀態(tài)都是用，同時(shí)VisualTransition還允許我們針對(duì)特殊的狀態(tài)進(jìn)行特別的處理，它為我們提供了From和To屬性來(lái)指定特定的狀態(tài)，可以只定義其中一個(gè)或者兩者都定義。
如在CommonStates狀態(tài)組中，視覺(jué)狀態(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>
可以看到除了定義默認(rèn)的Silverlight視覺(jué)狀態(tài)遷移之外，我們還為MouseOver和Pressed狀態(tài)定義了特定的遷移效果。
