修改系統控制項中狀態之間的切換

控制項在不同的狀態下，會有不同的外觀。例如，將滑鼠指標移至狀態的上方時，按鈕的顏色會稍微改變。 「MouseOver」是狀態按鈕之一。 您可以修改控制項複本，來自訂系統控制項中狀態之間的切換時間。

下列程序會使用按鈕，但是您可以自訂任和隨附在 Microsoft Expression Blend 2 中的系統控制項，或任何從 [Control] 類別匯入的自訂 Silverlight 2 控制項。

秘訣：
也可以修改使用者控制項的狀態和切換時間。如需詳細資訊，請參閱定義使用者控制項的不同視覺狀態和切換時間。

修改狀態之間的切換時間

1. 建立系統控制項可重複使用的範本 如 [按鈕]  控制項。

2. 若尚未準備進入範本的編輯模式，請在畫板的控制項上按一下滑鼠右鍵，然後指向 [編輯控制項組件 (範本)] 並按一下 [編輯範本]。 您也可以選擇，在階層連結列中選取物件然後按一下 [範本]。

   

3. 進入範本編輯模式時，[互動] 面板的 [狀態] 下會顯示按鈕的狀態 (如 [Normal] 和 [MouseOver])。 狀態會內含在狀態群組中 (如 [CommonStates] 和 [FocusStates])。

   

   在 [CommonStates] 的旁邊，有一個值為 0 秒 (0s) 的文字方塊。 這是狀態群組中，所有切換的預設切換持續時間。 例如，從任何狀態切換到 [Normal] 狀態的時間為 0 秒。 您可以變更此預設切換持續時間。

   

   這個值可以在切換時以「0.1s」值，覆寫至 [MouseOver] 和 [Pressed] 狀態。 星號和箭號表示「從任何狀態到此狀態」。

   

4. 在 [狀態] 下為 [MouseOver] 狀態，按一下 [新增切換]  按鈕，然後按一下 [MouseOver 到 Normal] 切換。

   

5. 在 [MouseOver to Normal] 切換的新行上，將文字方塊中的值從「0s」變更為「0.5s」。

   

6. 儲存檔案 (CTRL+S)，然後按 F5 鍵以建置並測試您的應用程式。 在瀏覽器視窗中開啟應用程式之後，將滑鼠移至按鈕上方，並查看滑鼠離開按鈕之後，狀態之間切換的所需時間。

疑難排解

• 若您無法在瀏覽器中檢視應用程式，則安裝的 Silverlight 2 執行階段可能不正確。如需詳細資訊，請參閱安裝 Silverlight 2 工具和執行階段。

下一步

• 您可以變更按鈕在不同狀態的外觀。如需詳細資訊，請參閱修改不同狀態的系統控制項外觀。

• 您可以加入動畫，例如當滑鼠指標移到按鈕上方時按鈕會旋轉。如需詳細資訊，請參閱新增狀態變更後播放的動畫。

• 您也可以套用此範本至專案中的按鈕，或繪製已指派範本的新按鈕。如需詳細資訊，請參閱套用樣式資源。

請參閱

概念

在 Silverlight 2 專案中繪製控制項

新增狀態變更後播放的動畫