繪製圖形與路徑

Microsoft Expression Blend 提供標準的向量繪圖功能，可讓您繪製圖形、路徑及遮罩，就像在任何向量繪圖程式中一樣。如需進階的繪圖和作品，請考慮使用其他向量繪圖程式，例如 Microsoft Expression Design。Expression Design 甚至可以讓使用者將繪圖匯出成 XAML，以便在 Expression Blend 中使用。

如需詳細資訊，請參閱匯入從 Expression Design 匯出的 XAML。

什麼是向量繪圖？

向量繪圖是以點、直線、曲線以及面所形成的幾何定義，而非使用點陣圖中的像素進行定義。隨著電腦監視器的解析度愈來愈高，有必要放棄在高解析度檢視下會顯示大量像素的點陣圖。點陣圖的大小不易調整，通常會因此產生品質不良的圖形。向量繪圖在高解析度檢視下可保持平滑，且在放大時保持清晰。基於此原因，可以輕易地隨著內容而自訂向量繪圖，因為不需要建立多個不同大小的影像 (例如在使用者介面 [UI] 中以不同大小顯示的圖示檔案)。向量繪圖的其他優點包括：

• 能夠真正縮放內容：以彈性版面配置建置的向量圖形，會隨著內容適當調整大小。例如，當您將文字新增至按鈕時，按鈕會隨之適當地調整大小，而不會造成圖形失真。

• 不受解析度影響：顯示器的解析度日漸提升，且會繼續發展下去。如果應用程式的 UI 無法調整大小，UI 將會隨著解析度增加而愈來愈小，最後會因為內容太小看不清楚而沒有用處。如果使用這些 API 套用縮放或旋轉轉換，則只會影響繪圖。不影響視窗中各控制項的大小和位置。您可以縮放繪圖，但要調整控制項所佔用的視窗空間並不容易。因為 Windows Presentation Foundation (WPF) 會將視窗中的所有控制項組成單一繪圖，而不是將每個控制項劃分在自己的區域上，所以可以輕易地將縮放或旋轉轉換套用在整個 UI 上。因此，由於您可以放大或縮小任何 WPF UI，所以 WPF 應用程式並不受解析度影響。影像仍然保持清晰鮮明，而不會像直接縮放點陣圖之後就變模糊。

注意事項：
當您在 WPF 應用程式中設定與大小相關的屬性時 (如使用 Expression Blend 建立的應用程式)，像素指的是和螢幕解析度設為 96 DPI 的螢幕像素大小相等之「與裝置無關的像素」或「與裝置無關的單位」。無論監視器大小或螢幕解析度為何，每個單位約為 1/96 英吋。

在 Expression Blend 中，向量物件可以是簡單的線條或圖形，也可以是複雜的路徑或控制項。修改物件的方式有很多種，包括使用物件控點來調整大小、移動、旋轉、翻轉或扭曲物件，或利用 [屬性] 面板來輸入大小、位置及旋轉的精確值。除了您在專案中新增之原本就是向量格式的項目 (例如影像和 3D 紋理) 以外，基本上，您在畫板上繪製的每個物件都是向量格式。Expression Blend 中的部分向量物件包括：

• 繪圖物件，例如橢圓形和矩形。

• 路徑物件，例如直線和曲線。

• 文字。

• 3D 物件。

• 控制項。

繪圖工具

在 [工具] 面板中，您會看到一些常用來建立圖形和路徑元素以及操作物件的向量工具。

如需使用這些工具的範例，請參閱下列主題：

• 在專案中繪製圖形或路徑

• 繪製直線

• 繪製曲線

• 繪製任何形狀的路徑

• 變更曲線的形狀

• 為路徑上的點重新定義控制項控點.

工具	名稱	用途
	矩形	繪製矩形和方形，這些形狀也可以修改為具有圓角。
	橢圓形	繪製橢圓形和圓形。
	線條	在兩個點之間繪製直線。
	畫筆	繪製和修改供您定義每個節點的路徑。[畫筆] 工具可讓您新增、移除及修改路徑的節點。
	鉛筆	繪製手繪路徑。
	選取	在畫板上選取您要修改的圖形、路徑及物件。 如需有關如何使用 [選取] 工具的詳細資訊，請參閱選取或取消選取物件。
	直接選取	在繪製路徑的節點之後，選取個別節點。您也可以使用 [直接選取] 工具在畫板上直接選取父項物件內的巢狀子物件 (例如版面配置面板)。 如需有關如何使用 [直接選取] 工具的詳細資訊，請參閱選取或取消選取物件。

圖形與路徑

圖形 (例如矩形和橢圓形) 是向量物件。您可以使用 [矩形] 工具 或 [橢圓形] 工具 來繪製圖形。

路徑也是向量物件，且無疑是 Expression Blend 中最具有彈性的向量物件。路徑是一連串相連的直線和曲線。在畫板上繪製路徑之後，可以經由調整形狀、合併及修改，建立任何向量圖形。您可以繪製多邊形 (由相連直線構成的封閉圖形) 及聚合線條 (由相連直線構成的非封閉路徑)。您可以使用 [畫筆] 工具 、[鉛筆] 工具 及 [線條] 工具 繪製路徑。然後，您可以使用 [選取] 工具 及 [直接選取] 工具 來修改路徑。

如需如何修改路徑的詳細資訊，請參閱下列主題：

• 刪除路徑的一部分

• 在路徑上新增或移除點

• 變更曲線的形狀

• 為路徑上的點重新定義控制項控點

• 直接選取工具輔助按鍵 

• 畫筆工具輔助鍵 

將圖形轉換成路徑

圖形物件無法使用與路徑物件相同的方式編輯，除非您使用 [轉換成路徑] 命令 (在 [物件] 功能表上依序按一下 [路徑] 及 [轉換成路徑]) 將圖形物件轉換成路徑物件。

如需範例，請參閱將圖形轉換成路徑。

注意事項：
將圖形轉換成路徑之後，將無法變更圖形特有的屬性 (例如矩形的圓角半徑)。同時，如果在轉換之前套用樣式到圖形，則轉換的路徑之屬性將會重設為路徑的預設值 (無填滿筆刷以及黑色筆觸)。

變更圓角半徑

您可以選取矩形，然後拖曳左上角的圓角半徑控點，以修改矩形的圓角半徑。當指標移至矩形左上角外側虛線的任一端時，會出現圓角半徑控點。

只要在拖曳圓角半徑控點時按住 SHIFT 鍵，就可以個別修改 X 和 Y 圓角半徑。

如需範例，請參閱將矩形設為圓角。

合併路徑

合併路徑 (或圖形) 的動作可產生下列結果：

	合併前的兩個圖形		交集
	聯集		排除重疊
	分割		差集

您可以將兩個或更多的物件 (路徑或圖形) 合併成一個路徑物件。產生的路徑物件會取代在合併、採用該物件的屬性之前所選取的最後一個物件。通常，結果是一個複合路徑。

如需範例，請參閱合併圖案或路徑。

如需如何修改路徑的詳細資訊，請參閱直接選取工具輔助按鍵 和畫筆工具輔助鍵 。

注意事項：
將該圖形與其他物件合併之後，您將無法變更圖形特有的屬性 (例如矩形的圓角半徑)。同時，如果在轉換之前套用樣式到最後選取的物件，則合併路徑的屬性將會重設為路徑的預設值 (無填滿筆刷以及黑色筆觸)。

複合路徑

當您建立複合路徑時，結果中會減去路徑的所有交集部分，而產生的路徑會採用最底層路徑的視覺屬性。

轉換為複合路徑的兩個路徑

要將圖形包括在複合路徑之前，必須先將圖形轉換成路徑 (在 [物件] 功能表的 [路徑] 下選取 [轉換成路徑])。您可以將兩個或更多的路徑組成一個複合路徑。產生的路徑會取代在複合、採用該路徑的屬性之前所選取的最底層路徑 (按 Z 軸順序)。在您建立複合路徑之後，可以在任何時候將它打散，但是原始屬性將無法還原。

如需範例，請參閱設定或釋放複合路徑。

裁剪路徑

裁剪路徑是套用於其他物件的路徑或圖形，用以隱藏被遮罩的物件落在裁剪路徑以外的部分。

已套用裁剪路徑的影像物件

在 Expression Blend 中，您可以在建立裁剪路徑之後，於畫板上修改裁剪路徑，而且可以釋放裁剪路徑，而不遺失原始路徑物件。如需範例，請參閱套用、修改或移除裁剪路徑。

您也可以動畫顯示個別裁剪路徑端點 (例如逐漸公開遮罩的物件)。如需範例，請參閱以動畫顯示路徑或裁剪路徑上的點。

不透明度遮罩

不透明度遮罩是套用至其他物件的路徑或圖形。路徑的透明部分代表被遮罩的物件消失之區域，而遮罩不透明的部分則表示允許被遮罩的物件穿透的區域。任何物件都可以在 [屬性] 面板的 [外觀] 區段中定義不透明度遮罩。

不透明度遮罩可以是簡單的漸層筆刷，根據透明度來顯示或隱藏物件的各部分。在以下範例中，左邊的影像沒有套用不透明度遮罩，而右邊的影像可用以下兩種方式之一產生：

• [Image] 物件的 [OpacityMask] 屬性可以設為右邊漸層停駐點的 Alpha 值為 0 之放射漸層筆刷。

• 可以在 [Image] 物件的前方建立 [矩形] 物件，[矩形] 物件的 [OpacityMask] 屬性可以設為左邊漸層停駐點的 Alpha 值為 0 之放射漸層筆刷。

未套用遮罩的影像 (左) 與已套用不透明度遮罩的影像 (右)

如需範例，請參閱建立不透明度遮罩。