修改狀態變更之間的切換時間

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

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

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

修改狀態之間的切換時間

1. 建立系統控制項可重複使用的範本，例如 Button 控制項 。

2. 若尚未準備進入範本的編輯模式，請在畫板的控制項上按一下滑鼠右鍵，指向 [編輯範本]，然後按一下 [編輯目前的項目]。或者選取物件，然後按一下階層連結列中的 [範本]。

   

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

   

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

   

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

   

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

   

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

疑難排解

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

下一步

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

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

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

請參閱

工作

在專案中繪製控制項

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

建立可重複使用的範本以設定系統控制項的樣式