建立樣式資源

本頁適用於 WPF 和 Silverlight 2

您可以使用 Microsoft Expression Blend 2 專案中的控制項樣式,指定控制項樣式的預設觸發程序 (WPF) 或狀態 (Silverlight 2) 以及屬性,然後再套用至控制項。屬性 (例如背景筆刷色彩) 會影響控制項的外觀,而觸發程序或狀態會影響控制項對於屬性變更與事件的回應方式。例如,當使用者將滑鼠移至控制項上方時,IsMouseOver 屬性會從 False 變更為 True,並觸發 MouseOver 事件。您可以建立按鈕樣式,在滑鼠指標移至按鈕上方時變更按鈕的背景色彩。若要修改控制項結構,請建立範本,而不要使用建立或編輯控制項範本中的程序。

因為樣式就是資源,所以您可以分開儲存樣式與按鈕,然後將樣式資源套用至其他按鈕物件。如需有關資源的詳細資訊,請參閱本使用者指南中的資源概觀

建立控制項的新樣式資源

  1. 在畫板或 [互動] 面板的 [物件與時間軸] 下,選取要用以建立樣式的物件。

  2. 在 [物件] 功能表上,指向 [編輯樣式],然後執行下列一項動作:

    • 若要建立空白的新樣式,請按一下 [建立空白]。如果是圖形控制項 (如 Rectangle) 及文字控制項 (如 TextBox),這就是唯一可用的選項。

    • 若要根據所選取物件目前使用的樣式來建立新樣式 (不論樣式是物件的預設樣式還是先前所建立的自訂樣式),請按一下 [編輯複本]。

    [建立樣式資源] 對話方塊會隨即出現。

  3. 在 [資源名稱 (索引碼)] 下,執行下列一項動作:

    • 若要為元素建立新的具名樣式,請輸入索引碼名稱。這就是其他元素可用於參照樣式的名稱,如此即可套用樣式。

    • 若要建立此類型之所有元素所用的樣式,請選取 [全部套用]。

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

      在即將建立之樣式元素的 XAML 中,名為 TargetType 的屬性會設為您要建立樣式之元素的類型。

      若輸入索引碼名稱 (上面第一個選項),才會設定 x:Key 屬性。x:Key 屬性的存在只允許樣式套用至依名稱指定樣式的元素。若無 x:Key 屬性,則樣式可套用至此類型的所有元素。例如,下列樣式元素不會套用至畫板上的所有按鈕。

      <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...

  4. 在 [定義於] 之下,選取要用以定義樣式的選項:

    • 若要使樣式可供應用程式中的任何文件使用,請選取 [應用程式]。

    • 若只要讓目前的文件使用樣式,請選取 [此文件 (Window: Window)]。

    • 若要在可於其他專案中重複使用的資源字典檔中定義樣式,請選取 [資源字典]。您可以接著選取現有的資源字典檔或建立「新的」資源字典檔。

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

      Silverlight 2 不支援資源字典。

  5. 按一下 [確定],結束對話方塊並開啟樣式以進行編輯。

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

    您可以在這裡有效地建立新的樣式資源。此資源會成為本機資源,而且可以使用 [資源] 面板輕易加以檢視與修改。

  6. 請注意,新的 Expression Blend 2 階層連結列位於畫板頂端。

    已選取範本編輯模式的階層連結列

    Cc294740.eb50efd9-44c6-41f9-8f50-7d40f6c42e61(zh-tw,Expression.10).png

    按一下階層連結列上的按鈕,可讓您在所選物件的範本編輯模式、樣式編輯模式及物件編輯範圍之間快速切換。任何套用自訂樣式或範本的所選物件,都會出現階層連結列。

  7. 在 [互動] 面板中新增屬性及事件觸發程序。如需設定觸發程序的範例,請參閱本使用者指南中的將物件建立到按鈕中,或參閱簡單樣式下的 [試試看] 主題。

  8. 若要結束樣式的編輯範圍,請按一下 [物件與時間軸] 下的 [選定範圍] 按鈕 Cc294740.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(zh-tw,Expression.10).png

    這會讓您回到先前處理的編輯範圍。

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

    請注意,一旦建立樣式資源或將其套用至物件,[屬性] 面板中所選物件的 Style 屬性就會以綠色反白顯示,指出物件已繫結 (或連結) 至此樣式資源。

請參閱

概念

套用樣式資源

樣式及範本概觀

簡單樣式