定義使用者控制項的不同視覺狀態和切換時間
當您建立自己的使用者控制項時,可以新增自訂狀態和狀態群組,為使用者控制項的各個狀態,定義不同的外觀。例如,如果您的使用者控制項代表遊戲紙牌,則可能會需要「正面」和「反面」狀態。
注意事項: |
---|
當您修改系統控制項的範本 (例如按鈕) 時,預設狀態群組和狀態已存在。您無法新增狀態群組或新增狀態。 |
若您要定義使用者控制項的狀態群組
如果您還沒有使用者控制項,可以在 Silverlight 2 專案中建立新的使用者控制項,並開啟 XAML 檔案以進行編輯。
秘訣: 您也可以定義主要文件 (通常是 Page.xaml) 的狀態群組。
[互動] 面板中的 [狀態] 窗格會顯示使用者控制項中物件的預設外觀。您可以在結束狀態記錄模式時選取 [基底],例如在您要新增更多物件至文件時。
在 [狀態] 下,按一下 [新增狀態群組] 按鈕。
這會新增新的狀態群組,並反白顯示名稱,讓您可以輸入新的名稱。
現在您可以新增狀態至狀態群組,或新增多個狀態群組。
若要新增狀態至狀態群組
在狀態群組名稱旁的 [狀態] 下,按一下 [新增狀態] 按鈕。
這會新增新的狀態至狀態群組中,並反白顯示名稱,讓您可以輸入新的名稱。
選取狀態以開啟狀態記錄功能。選取狀態下,會記錄您在文件中對物件外觀所做的變更。
秘訣: 當您指定狀態和狀態群組時,請考慮使用者控制項所要顯示的所有可見狀態,並識別不想同時顯示的狀態。這些狀態應列在相同的狀態群組中,因為一次只能顯示狀態群組中的一個狀態。例如,下列影像會顯示紙牌遊戲中代表紙牌的使用者控制項。已定義兩個狀態群組:MouseInteraction 和 SideDisplayed。MouseInteraction 狀態群組包含 Click、MouseOver 和 Normal 的狀態—這些狀態不會同時顯示。SideDisplayed 狀態群組包含顯示紙牌正面 (FaceUp) 和反面 (FaceDown) 的狀態。紙牌可以同時為正面以及將滑鼠指標移至該紙牌上,讓狀態在不同的狀態群組中。
若要設定使用者控制項的切換時間以在狀態間變更
若要設定使用者控制項的切換時間,以在狀態群組中的任意兩個狀態間變更,請在 [預設的切換持續時間] 文字方塊內按一下並輸入新的時間。這會設定使用者控制項在狀態群組中切換狀態所需的時間。
若要覆寫特定切換的預設切換時間,請按一下狀態旁的 [新增切換] 按鈕,然後從出現的清單中選取特定切換。在下列影像中由滑鼠指標所反白顯示的清單項目表示「從 Click 狀態至任何其他狀態」,其中箭號對應的是「至」而星號 (*) 對應的是「任何狀態」。
在 [切換持續時間] 文字方塊內按一下,並輸入新的時間。
疑難排解
- 如果您在建置應用程式時發生問題,則可能是沒有安裝正確的 Silverlight 版本。如需詳細資訊,請參閱安裝 Silverlight 2 工具和執行階段。
下一步
您可以讓使用者控制項回應滑鼠點選動作。如需詳細資訊,請參閱根據使用者互動變更狀態。
您可以加入動畫,例如當滑鼠指標移到按鈕上方時按鈕會旋轉。如需詳細資訊,請參閱新增狀態變更後播放的動畫。
您可以在 Expression 社群網站 內的「How Do I?」視訊教學課程中,檢視使用狀態和狀態群組的現實生活案例。