共用方式為


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

本頁僅適用 Silverlight 2 專案

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

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

Dd185517.alert_tip(zh-tw,Expression.10).gif秘訣:

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

修改狀態之間的切換時間

  1. 建立系統控制項可重複使用的範本 如 [按鈕] Dd185517.05df1779-a68f-436b-b834-a91b7995a3ec(zh-tw,Expression.10).png 控制項。

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

    Dd185517.5bb586ea-6adc-4672-b316-0fab8215ff8c(zh-tw,Expression.10).png

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

    Dd185517.7740762c-1a9d-490f-898e-2886ac1cf541(zh-tw,Expression.10).png

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

    Dd185517.f13475c2-d26f-4ad0-b62e-53bd1f532288(zh-tw,Expression.10).png

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

    Dd185517.87bd6d25-da6b-4d90-a4a5-c492b8d148ff(zh-tw,Expression.10).png

  4. 在 [狀態] 下為 [MouseOver] 狀態,按一下 [新增切換] Dd185517.6023baa2-015d-4eb5-93d4-7c79f0d69e90(zh-tw,Expression.10).png 按鈕,然後按一下 [MouseOver 到 Normal] 切換。

    Dd185517.fdeff432-52c4-46c2-a3f1-6ee49d86677b(zh-tw,Expression.10).png

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

    Dd185517.ba5ad076-c4f4-4525-b8a6-ac3aab272194(zh-tw,Expression.10).png

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

疑難排解

下一步

請參閱

概念

在 Silverlight 2 專案中繪製控制項

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