Button 控制項樣式提示

Button 控制項代表會回應來自滑鼠、鍵盤或其他輸入裝置的使用者輸入，並引發 Click 事件的物件。

如同所有控制項一樣，Button 控制項可修改為與其預設外觀非常不同。根據預設，Button 控制項看起來如下：

相關的 Button 控制項屬性

Button 控制項是一個內容控制項，因此您可以設定 [屬性] 面板之 [一般屬性] 下的 [Content] 屬性，以便在 Button 控制項中顯示文字。

您可以設定 [ClickMode] 屬性，以決定何時觸發 Click 事件：在按下或放開滑鼠按鈕時，或在指標暫留於 Button 控制項時。

您可以用下列方式設定這些屬性：

• 設定物件的屬性   在畫板上繪製 Button 物件後，可以直接設定物件的屬性。如果希望數個 Button 控制項使用相同的值，可在樣式中設定這些屬性。

• 在樣式中設定屬性   如果您在 Button 物件的樣式  中設定屬性，則任何使用該樣式的 Button 物件都會使用這些值。您可以覆寫特定物件的值。

  如需詳細資訊，請參閱建立樣式。

Button 控制項會根據其所處狀態變更外觀。您可以在範本編輯模式中，選取 [狀態] 面板中的狀態，以修改每個狀態的外觀。如需詳細資訊，請參閱以下表格中所列的狀態，並參閱定義控制項的不同視覺狀態。

若要指定按一下 Button 控制項時所應執行的動作，請將行為拖曳到 Button 物件上或 Button 範本中的物件上。如需詳細資訊，請參閱新增行為至物件。

您也可以選擇將 Click 事件連接至事件處理常式。如需詳細資訊，請參閱撰寫回應事件的程式碼。

Button 範本的組件

Button 控制項沒有組件。

Button 控制項的狀態

根據預設，Button 控制項可以處於 [CommonStates] 狀態群組中下列四種狀態的其中一種，您可以在修改 Button 範本時於 [狀態] 面板中檢視狀態：

狀態名稱	描述
Normal	與控制項沒有互動時的 Button 控制項外觀。
MouseOver	使用者將指標移到 Button 控制項上方時，控制項所顯示的外觀。
Pressed	當使用者按一下 Button 控制項，或當該控制項具有焦點且使用者按下 ENTER 或空格鍵時，該控制項的外觀。
Disabled	當 IsEnabled 屬性設為 False 時，Button 控制項的外觀。

Button 控制項也可以處於 [FocusStates] 狀態群組的下列兩種狀態之一：

狀態名稱	描述
Unfocused	Button 控制項沒有鍵盤焦點時的外觀。
Focused	Button 控制項具有鍵盤焦點時的外觀。例如，使用者可能會按 TAB 鍵來循環顯示應用程式中的物件，直到鍵盤焦點停留在 Button 控制項為止。

秘訣：
狀態群組包含屬於相同邏輯類別且無法同時顯示的視覺狀態。例如，[CommonStates] 群組包含的狀態與使用者和輸入裝置 (例如滑鼠) 的互動有關。雖然控制項一次只能顯示同一狀態群組中的一種狀態，但卻可以同時顯示來自不同狀態群組的兩種狀態。

當您選取狀態時，狀態錄製功能便會開啟，以錄製您對該狀態所做的任何變更。若要關閉狀態錄製功能，請按一下畫板上的錄製按鈕，或在 [狀態] 面板中選取 [基本]。

將物件轉換成 Button 控制項

由於 Button 控制項沒有組件，因此可以將任何物件轉換成 Button 控制項。

1. 將您的物件群組到版面配置面板中，選取版面配置面板，然後在 [工具] 功能表上按一下 [變成控制項]。

2. 在出現的對話方塊中，選取 [Button]、為範本命名，然後選取範本的儲存位置。

   如需有關位置的詳細資訊，請參閱建立資源。

3. 在您按一下 [確定] 之後，Microsoft Expression Blend 便會進入範本編輯模式，並顯示組成 Button 控制項的物件。

4. 如果原始物件的群組中含有 TextBlock 物件 ，該物件會在 Button 控制項範本中轉換為 ContentPresenter 物件 。這可讓 Button 物件顯示文字。如果您的原始物件不包括 TextBlock 物件，則 ContentPresenter 物件會自動新增至範本中。如果不需要在將套用此範本之 Button 物件的 [Content] 屬性中顯示文字，您可以刪除 ContentPresenter 物件。

5. 您可以在這個模式中繼續修改範本。例如，新增或修改物件，或是選取 [狀態] 面板中的狀態，以修改範本在該狀態時的外觀。

6. 請考慮將範本中物件的部分筆刷屬性繫結到最終將使用該範本之 Button 物件的下列屬性：

   • Background

   • BorderBrush

   • Foreground

   • BorderThickness

   如需詳細資訊，請參閱完成範本的物件屬性。

7. 若要結束範本編輯模式，請按一下畫板頂端階層連結列中的 [Button]，或按一下 [物件與時間軸] 面板中的 [將範圍傳回] 。

如需有關將新 Button 範本套用至其他 Button 物件的詳細資訊，請參閱套用或移除資源。

參照

您可以在 MSDN 上的 Silverlight Control Gallery (Silverlight 控制項陳列庫) 找到有關 Microsoft Silverlight Button 控制項之屬性與事件的詳細資訊。

請參閱

工作

從現有的物件建立控制項

概念

一般 Silverlight 控制項的樣式提示

SimpleButton

設定支援範本之控制項的樣式