XAML WPF 繪圖筆刷與資源字典

發行項
10/11/2017

您可以在 XAML Windows Presentation Foundation (WPF) 資源字典中將 Microsoft Expression Design 作品儲存為繪圖筆刷資源，然後將該資源字典匯入 Microsoft Expression Blend 2 專案中。您可以使用 Expression Blend 2 專案中的繪圖筆刷資源，繪製所有物件。例如，您可以在 Expression Design 中建立按鈕外觀的作品，將作品匯出為資源字典中的筆刷資源，再將資源字典匯入 Expression Blend 2 中，然後將筆刷資源套用至 [按鈕] 控制項的 [背景] 屬性，或將其套用至 [矩形] 的 [填滿] 屬性。。

此外，還可以將作品的其中一或多個切片匯出為 XAML WPF 資源字典中個別的 XAML 筆刷資源。

資源字典因為可以在一個檔案中包含構成應用程式獨特外觀的所有資源，所以非常實用。您可以將資源字典新增至 Expression Blend 2 中的任何 WPF 專案，然後將資源字典中的筆刷資源套用到專案中任何物件的筆刷屬性。

注意事項：
匯出的 XAML 程式碼色彩以 RGB 為準，而非色彩所管理的顏色。若使用自訂的色彩監視器設定檔，則在 Expression Design 中看到的色彩與在最終 XAML 編輯軟體中顯示的色彩可能會不同。

將作品匯出為筆刷資源

將作品匯出為 XAML WPF 資源字典中的筆刷資源

在 [檔案] 功能表上，按一下 [匯出]。[匯出] 對話方塊會在預覽視窗中顯示您的作品。
在 [要匯出的項目] 下，選取下列選項之一：
- 整份文件 選取此選項，即可自動將 Expression Design 文件中的所有作品匯出成為資源字典中的筆刷資源。
- 選取的物件 選取此選項僅會匯出開啟 [匯出] 對話方塊之前所選取的物件。
- 切片選取此選項會以多種輸出檔案及格式匯出作品的切片。切片會在開啟 [匯出] 對話方塊前設定。預覽視窗會變成個別顯示每個切片，讓您可為各切片選取不同的匯出設定。您也可以使用 [切片內容] 下拉式方塊，顯示或隱藏切片中的物件。如需詳細資訊，請參閱切片。

在 [匯出] 對話方塊的 [格式] 清單中，選取下列一項：

XAML WPF 資源字典 要匯出整份文件或選取的物件時，請選取此選項。接著，您可以將 [群組依據] 屬性設定為對每個圖層匯出一個資源 ([圖層])、對每個最上層物件匯出一個資源 ([物件])，或對整份文件或選取的物件匯出一個資源 ([文件])。舉例來說，若文件中的每個圖層都代表未來 Expression Blend 2 專案中的某個按鈕，請選取 [圖層]。

XAML WPF 繪圖筆刷 匯出切片時，請對每個切片選取此選項。您可使用 SHIFT 鍵選取多個切片，為多個切片設定 [格式] 屬性，然後再設定 [格式] 屬性。

注意事項：
Expression Design 不會假設您要對每個切片建立繪圖筆刷資源。例如，您可以用 PNG 格式匯出切片，而在 XAML WPF 資源字典容器中匯出 PNG 檔案。PNG 檔案會匯出至與所匯出之資源字典檔相同目錄的子資料夾中，而且將 PNG 檔案參照為影像筆刷資源，而非參照為繪圖筆刷資源。就像繪圖筆刷資源一般，您可以在 Expression Blend 2 專案中將影像筆刷資源用於繪製物件。

Expression Design 不會假設您要對每個切片建立繪圖筆刷資源。例如，您可以用 PNG 格式匯出切片，而在 XAML WPF 資源字典容器中匯出 PNG 檔案。PNG 檔案會匯出至與所匯出之資源字典檔相同目錄的子資料夾中，而且將 PNG 檔案參照為影像筆刷資源，而非參照為繪圖筆刷資源。就像繪圖筆刷資源一般，您可以在 Expression Blend 2 專案中將影像筆刷資源用於繪製物件。

接著可從 [容器名稱] 旁的清單中選取 [XAML WPF 資源字典] 容器，並在 [容器名稱] 文字方塊中輸入資源字典的名稱。若未選取容器，則每個切片會匯出為其所屬個別資源字典中的筆刷資源。

在 [即時效果] 之下調整筆刷資源的下列設定：

注意事項：

若將切片匯出為筆刷資源，則必須對每個切片設定下列屬性。
- 全部點陣化 選取此選項可點陣化 (轉換為點陣圖影像) 作品所套用的全部即時效果。此選項有助於保留最大程度的作品外觀。
- 轉換成 XAML 效果 選取此選項可將任何即時效果轉換為 XAML 支援的效果。XAML 不支援的即時效果會予以點陣化。
在 [檔案名稱] 旁輸入資源字典的名稱。

注意事項：

但匯出切片時，並不會顯示 [檔案名稱] 欄位，因為切片名稱會作為所匯出之筆刷資源的檔案名稱。
在 [位置] 旁，瀏覽至要儲存輸出檔案的位置，或輸入此位置的路徑。
按一下 [全部匯出] 即可匯出一或多個檔案。若要匯出切片，且只要匯出其中的一部分，您可在預覽視窗中選取多個切片 (按住 SHIFT 鍵)，按一下 [全部匯出] 旁的向下鍵，再按 [匯出選取的切片]。或者，若要儲存個別切片之匯出屬性的任何變更，但不實際匯出切片，請按一下 [全部匯出] 旁的下拉箭號，並選取 [儲存設定並關閉]。

資源字典會匯出至您在 [位置] 屬性中所指定的路徑，同時 <resource_name>_files 子資料夾中所有的支援作品也會一併匯出。將資源字典新增至 Expression Blend 2 專案時，Expression Blend 也會自動匯入 <resource_name>_files 資料夾。

注意事項：
若將切片匯出為筆刷資源，則必須對每個切片設定下列屬性。

注意事項：
但匯出切片時，並不會顯示 [檔案名稱] 欄位，因為切片名稱會作為所匯出之筆刷資源的檔案名稱。

[匯出] 對話方塊會設定為將 Expression Design 文件中的每個圖層匯出為 XAML WPF 資源字典中的繪圖筆刷資源。

Cc294785.61ec612d-c046-4f16-b547-4b52d9ab8fb3(zh-tw,Expression.10).png

[匯出] 對話方塊會設定為將 Expression Design 文件中的切片匯出為 XAML WPF 資源字典中的繪圖筆刷資源。

Cc294785.3b9a3c99-79a2-4a6c-a462-68c64f8b1db7(zh-tw,Expression.10).png

將資源字典匯入 Expression Blend 專案

在 Expression Blend 2 內已開啟的 WPF 專案中，按一下 [專案] 功能表的 [新增現有項目]。
在 [新增現有項目] 對話方塊中，瀏覽至已匯出的 XAML WPF 資源字典檔案並加以選取，然後按一下 [開啟]。檔案會新增至 [專案] 面板的 [檔案] 下。若此資源字典包含 <resource_name>_files 資料夾中所匯出的影像檔案，則也會匯出該資料夾。所有的繪圖筆刷資源都會顯示於 [資源] 面板的資源字典名稱下。

請執行下列一項動作，使用匯入的筆刷資源：

在 [資源] 面板中，展開資源字典的名稱，然後將資源拖曳至已開啟文件的畫板上。隨即會顯示一個快顯功能表，供您選擇是要將資源當作筆刷屬性套用至畫板上現有的物件，或是要建立新物件 (例如 [矩形])，並且將筆刷資源套用至物件 [填滿] 屬性。您也可以將繪圖筆刷複製到畫布，在 Expression Blend 2 中進行修改。
在 [物件與時間軸] 下選取物件，接著在 [屬性] 面板的 [筆刷] 下，按一下 [筆刷資源] 索引標籤，再從顯示的清單中選取要套用的筆刷資源名稱。
在 [物件與時間軸] 下選取物件，接著在 [屬性] 面板的 [筆刷] 之下，按一下某個筆刷屬性旁的 [進階屬性選項] 按鈕，再按一下 [本機資源]，然後選取要套用的筆刷資源名稱。

如需有關如何套用資源的詳細資訊，請參閱《Expression Blend 2 使用者指南》中的＜套用或移除資源＞。

秘訣：
請確定您匯入的筆刷資源名稱，和 Expression Blend 2 專案中別處的資源名稱不同。您可以在 [資源] 面板中以滑鼠右鍵按一下資源名稱，然後選取 [重新命名]，即可重新命名資源物件。