共用方式為


定義使用者控制項的不同視覺狀態和切換時間

本頁僅適用 Silverlight 2 專案

當您建立自己的使用者控制項時,可以新增自訂狀態和狀態群組,為使用者控制項的各個狀態,定義不同的外觀。例如,如果您的使用者控制項代表遊戲紙牌,則可能會需要「正面」和「反面」狀態。

Dd185499.alert_note(zh-tw,Expression.10).gif注意事項:

當您修改系統控制項的範本 (例如按鈕) 時,預設狀態群組和狀態已存在。您無法新增狀態群組或新增狀態。

若您要定義使用者控制項的狀態群組

  1. 如果您還沒有使用者控制項,可以在 Silverlight 2 專案中建立新的使用者控制項,並開啟 XAML 檔案以進行編輯。

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

    您也可以定義主要文件 (通常是 Page.xaml) 的狀態群組。

  2. [互動] 面板中的 [狀態] 窗格會顯示使用者控制項中物件的預設外觀。您可以在結束狀態記錄模式時選取 [基底],例如在您要新增更多物件至文件時。

    Dd185499.2daa57d7-1466-43ca-86e8-960aaa384148(zh-tw,Expression.10).png

  3. 在 [狀態] 下,按一下 [新增狀態群組] Dd185499.46de5414-36ac-4603-9fd6-aa55fc2c8093(zh-tw,Expression.10).png 按鈕。

    這會新增新的狀態群組,並反白顯示名稱,讓您可以輸入新的名稱。

    Dd185499.b3335795-6267-4f9d-8fa2-618c40ff2f32(zh-tw,Expression.10).png

    現在您可以新增狀態至狀態群組,或新增多個狀態群組。

若要新增狀態至狀態群組

  1. 在狀態群組名稱旁的 [狀態] 下,按一下 [新增狀態] Dd185499.1a937ec9-9a57-4cb9-9187-275e73c9fc8b(zh-tw,Expression.10).png 按鈕。

    這會新增新的狀態至狀態群組中,並反白顯示名稱,讓您可以輸入新的名稱。

    Dd185499.91a3aada-a295-40c0-bed8-c7bc572df7d9(zh-tw,Expression.10).png

  2. 選取狀態以開啟狀態記錄功能。選取狀態下,會記錄您在文件中對物件外觀所做的變更。

    Dd185499.59996960-c66b-4be0-abc9-5509c79f3a5d(zh-tw,Expression.10).png

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

    當您指定狀態和狀態群組時,請考慮使用者控制項所要顯示的所有可見狀態,並識別不想同時顯示的狀態。這些狀態應列在相同的狀態群組中,因為一次只能顯示狀態群組中的一個狀態。例如,下列影像會顯示紙牌遊戲中代表紙牌的使用者控制項。已定義兩個狀態群組:MouseInteractionSideDisplayedMouseInteraction 狀態群組包含 ClickMouseOverNormal 的狀態—這些狀態不會同時顯示。SideDisplayed 狀態群組包含顯示紙牌正面 (FaceUp) 和反面 (FaceDown) 的狀態。紙牌可以同時為正面以及將滑鼠指標移至該紙牌上,讓狀態在不同的狀態群組中。

    Dd185499.4fecf399-1962-4668-86e7-efe1a485cbc1(zh-tw,Expression.10).png

若要設定使用者控制項的切換時間以在狀態間變更

  • 若要設定使用者控制項的切換時間,以在狀態群組中的任意兩個狀態間變更,請在 [預設的切換持續時間] 文字方塊內按一下並輸入新的時間。這會設定使用者控制項在狀態群組中切換狀態所需的時間。

    Dd185499.d1eabf30-62d2-47ae-a52b-453c702b9358(zh-tw,Expression.10).png

  • 若要覆寫特定切換的預設切換時間,請按一下狀態旁的 [新增切換] Dd185499.6023baa2-015d-4eb5-93d4-7c79f0d69e90(zh-tw,Expression.10).png 按鈕,然後從出現的清單中選取特定切換。在下列影像中由滑鼠指標所反白顯示的清單項目表示「從 Click 狀態至任何其他狀態」,其中箭號對應的是「至」而星號 (*) 對應的是「任何狀態」。

    Dd185499.1ed8d611-1ce5-4101-ad73-54aa166c4e9a(zh-tw,Expression.10).png

    在 [切換持續時間] 文字方塊內按一下,並輸入新的時間。

    Dd185499.de14af5e-81fd-4f47-a668-41552a565714(zh-tw,Expression.10).png

疑難排解

下一步