繪製圖案與路徑

 

如需 Visual Studio 2017 的最新文件請參閱 Visual Studio 2017 文件

在 XAML 設計工具中,「圖形」(Shape) 正如您所預期。 例如:矩形、圓形或橢圓形。「路徑」(path) 是圖形的更靈活版本。 您可以執行像是調整形狀,或將圖形合併在一起形成新的圖形等動作。

圖形與路徑都會使用向量圖形,因此可以適切地調整為高解析度顯示。 如果您想要深入了解向量圖形,請參閱 What are Vector Graphicsvector graphics

本主題內容:

您可以在 [資產] 面板中找到許多圖形。

[資產] 面板上的 [圖形] 分類

將您想要的任何圖形拖曳至畫板。 然後,您可以使用圖形控點來調整、旋轉、移動或扭曲圖形。

Description

路徑是一系列連接的直線和曲線。 使用路徑可建立 [資產] 面板中所沒有的有趣圖形。

您可以使用線條、畫筆或鉛筆來繪製路徑。 您可以在 [工具] 面板中找到這些工具。

Description Description

繪製直線

使用 [畫筆] 工具 Description,或 [線條] 工具 Description

使用 [畫筆] 工具 Description

在畫板上,按一次可定義起始點,然後再按一次可定義線條的結尾。

使用 [線條] 工具 Description

在畫板上,從想要讓線條開始的地方拖曳起,然後再於想要線條結束的點上放開。

繪製曲線

使用 [畫筆] 工具 Description

在畫板上,按一次可定義線條的起始點,然後按一下並拖曳指標可建立所需的曲線。

如果您想要關閉路徑,請按一下線條的第一個點。

變更曲線的形狀

使用 [直接選取] 工具 Description

按一下圖形,然後拖曳圖形上的任一點可變更曲線圖形。

繪製任意形狀的路徑

使用 [鉛筆] 工具 Description

在畫板上,繪製任意形狀的路徑,就像使用真正的鉛筆一樣。

移除路徑的一部分

使用 [直接選取] 工具 Description

選取包含所要刪除線段的路徑,然後按一下 [刪除] 按鈕。

移除路徑中的點

使用 [選取] 工具 Description,和 [畫筆] 工具 Description

使用 [選取] 工具 Description 來選取路徑。 然後,使用 [畫筆] 工具 Description 按一下您要移除的點。

將點加入至路徑

使用 [選取] 工具 Description,和 [畫筆] 工具 Description

使用 [選取] 工具 Description 來選取路徑。 使用 [畫筆] 工具 Description 按一下路徑上您要加入點的任何位置。

若要以修改路徑的相同方式來修改圖形,請將圖形轉換為路徑。

觀看短片︰ 設定已安裝的功能 Working with paths: Convert a shape to a path

您可以將路徑與圖形合併為單一路徑。

Description

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

觀看短片︰ 設定已安裝的功能 Working with paths: Combine paths

當您建立複合路徑時,這些路徑的任何交集部分都會從結果中減去,而所產生的路徑會採用最底層路徑的視覺屬性。

您可以在建立複合路徑之後隨時打散這些路徑。

Description

觀看短片︰ 設定已安裝的功能 Working with paths: Create a compound path

裁剪路徑是套用至其他物件的路徑或圖形,隱藏了所遮蔽物件落於裁剪路徑外面的部分。

Description

觀看短片︰ 設定已安裝的功能 Working with paths: Create a clipping path

使用 Blend for Visual Studio 建立 UI

顯示: