共用方式為


在 Silverlight 2 專案中繪製圖形或路徑

本頁僅適用 Silverlight 2 專案

若 Microsoft Expression Blend 2 已安裝 Service Pack 1,則 Silverlight 2 專案可以使用所有的 Windows Presentation Foundation 繪製工具和功能。您可以繪製圖形、路徑和控制項,為 Silverlight 2 應用程式設計使用者介面。您所繪製的項目會成為應用程式中的物件。

繪製圖形

  1. 工具箱中,選取其中一個圖形工具:[矩形] Dd185502.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(zh-tw,Expression.10).png 或 [橢圓形] Dd185502.8938cfdf-9b75-4a33-bc88-b0636e114a0d(zh-tw,Expression.10).png

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

    若要檢視所有的繪製工具,請以滑鼠右鍵按一下 [工具箱] 中顯示的工具。[線條] 工具會建立路徑物件,本主題後文會說明。

    Dd185502.8fbbbb21-be83-4cf6-903b-3a49f00c9860(zh-tw,Expression.10).png

  2. 在畫板上,拖曳滑鼠繪製圖形。

    請注意,當您繪製圖形時,寬度和高度尺寸顯示如下:

    Dd185502.b9dabf44-71aa-43cb-b4eb-f020a21b8756(zh-tw,Expression.10).png

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

    按住 SHIFT 鍵並拖曳,可以維持高度和寬度保持不變。這樣繪製矩形時就會產生正方形,繪製橢圓形時會產生正圓形。

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

    若拖曳時按住 ALT 鍵,則會以您按的第一點做為中心點,而不是以圖形的左上角做為您按的第一點。

    放開滑鼠按鈕之後,會顯示平移控點,讓您可在圖形物件上進行縮放、旋轉、移動、扭曲和其他動作。滑鼠指標會變更以指出您可執行的動作,如下所示。

    Dd185502.84261e83-3091-4490-ab58-4218b188439e(zh-tw,Expression.10).png

  3. 儲存變更 (CTRL+S)。

下一步

繪製路徑

  1. 工具箱中,選取其中一個路徑工具:[畫筆] Dd185502.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-tw,Expression.10).png 或 [鉛筆] Dd185502.509dc167-734f-46c9-b012-987ee63450cd(zh-tw,Expression.10).png

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

    若要檢視所有的路徑工具,請以滑鼠右鍵按一下 [工具箱] 中顯示的工具。

    Dd185502.717956a8-b6a5-4e37-8af3-70bcfc78c82a(zh-tw,Expression.10).png

  2. 在畫板上,執行下列其中一項來繪製路徑:

    • 使用 [鉛筆] 工具在畫板上拖曳,在滑鼠指標所到之處產生像素。

    • 使用 [畫筆] 工具,在畫板上按一下,以產生可建立路徑物件的點 (或端點)。您也可以選擇在各點拖曳以產生曲線。若要關閉路徑,請按一下第一點。若要在不關閉路徑的情況下結束 [畫筆] 工具,請選取其他工具或選取 [物件與時間軸] 下的物件。

    完成繪製路徑之後,會出現平移控點,讓您可在路徑物件上進行縮放、旋轉、移動、扭曲和其他動作。滑鼠指標會變更,表示您能使用 [選取] Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-tw,Expression.10).png 工具來執行的動作。

    Dd185502.69c37d95-ec79-4885-9a63-9d26a596d31c(zh-tw,Expression.10).png

    若要修改路徑上的個別點,請按一下 [直接選取] Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-tw,Expression.10).png 工具。路徑物件會顯示您可以按一下和移動的個別點以及線段。如需修改路徑方法的清單,請參閱畫筆及直接選取的使用方式

    Dd185502.1cb49b7a-7490-49af-b966-a719e48d8815(zh-tw,Expression.10).png

  3. 儲存變更 (CTRL+S)。

下一步

繪製線條

  1. 工具箱中,選取 [線條] Dd185502.eb618397-5283-48be-8396-3449be7b6fbf(zh-tw,Expression.10).png 工具。

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

    如果您找不到 [線條] 工具,請以滑鼠右鍵按一下 [工具箱] 中的工具容器,然後選取 [線條] 工具。

    Dd185502.7431f56c-f3fe-4825-b6fb-6dac229422fd(zh-tw,Expression.10).png

  2. 在畫板上,拖曳滑鼠繪製線條。

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

    在拖曳時按住 SHIFT 鍵會將線條的角度限制在 15 度的倍數。

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

    若拖曳時按住 ALT 鍵,則會以您按的第一點做為中心點,而不是以您按的第一點做為起點。

    放開滑鼠按鈕之後,會出現平移控點,讓您可執行縮放、旋轉、移動、扭曲和其他動作。滑鼠指標會變更,表示您能使用 [選取] Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-tw,Expression.10).png 工具來執行的動作。

    若要修改線條的起點或終點,請按一下 [直接選取] Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-tw,Expression.10).png 工具。線條 (路徑物件) 會顯示您可以按一下和移動的個別點。如需修改路徑方法的清單,請參閱畫筆及直接選取的使用方式

  3. 儲存變更 (CTRL+S)。

下一步

請參閱

概念

在 Silverlight 2 專案中繪製控制項