在 Silverlight 2 项目中绘制形状或路径

此页仅适用于 Silverlight 2 项目

在安装了 Service Pack 1 的 Microsoft Expression Blend 2 中,所有 Windows Presentation Foundation 绘图工具以及其他功能都适用于 Silverlight 2 项目。您可以绘制形状、路径以及控件来设计 Silverlight 2 应用程序的用户界面。所绘制的项将成为应用程序中的对象。

绘制形状

  1. 工具箱中,选择其中一个形状工具:“矩形”Dd185502.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(zh-cn,Expression.10).png 或“椭圆形”Dd185502.8938cfdf-9b75-4a33-bc88-b0636e114a0d(zh-cn,Expression.10).png

    Dd185502.alert_tip(zh-cn,Expression.10).gif提示:

    若要查看所有绘图工具,请右键单击“工具箱”中显示的工具。线工具可用于创建路径对象,此工具会在本主题的下文中提到。

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

  2. 在美工板上,通过拖动鼠标绘制形状。

    请注意,在绘制形状时,宽度尺寸和高度尺寸显示如下:

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

    Dd185502.alert_tip(zh-cn,Expression.10).gif提示:

    在按住 Shift 的同时进行拖动,可使高度和宽度保持相同。这样做可在绘制矩形时生成正方形,在绘制椭圆时生成标准的圆。

    Dd185502.alert_tip(zh-cn,Expression.10).gif提示:

    在按住 Alt 的同时进行拖动,可将点击的第一个点作为中心点,而不是以该点作为所绘形状的右上角。

    释放鼠标按钮后,便会出现用于缩放、旋转、移动、倾斜以及可对形状对象执行的其他操作的转换图柄。鼠标指针会改变以指明所能执行的操作,具体显示如下。

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

  3. 保存所做的更改 (Ctrl+S)。

后续步骤

绘制路径

  1. 工具箱中,选择其中一个路径工具:“笔”Dd185502.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-cn,Expression.10).png 或“铅笔”Dd185502.509dc167-734f-46c9-b012-987ee63450cd(zh-cn,Expression.10).png

    Dd185502.alert_tip(zh-cn,Expression.10).gif提示:

    若要查看所有路径工具,请右键单击“工具箱”中显示的工具。

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

  2. 在美工板上,执行以下操作之一来绘制路径:

    • 利用“铅笔”工具,在美工板上拖动从而在鼠标指针所触及的各处生成像素。

    • 利用“笔”工具,单击美工板可生成构成路径对象的点(或顶点)。也可以在每个点上拖动来生成曲线。若要封闭路径,则单击第一个点。若要退出“笔”工具而不封闭路径,则选择其他工具或在“对象和时间线”下选择一个对象。

    路径绘制完毕后,便会出现用于缩放、旋转、移动、倾斜以及可对路径对象执行的其他操作的转换图柄。鼠标指针会改变以指明利用“选择”Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-cn,Expression.10).png 工具所能执行的操作。

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

    若要更改路径上的各个点,请单击“路径选择”Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-cn,Expression.10).png 工具。路径对象会显示可点击和移动的各个点及线段。有关修改路径的方法的列表,请参阅笔和路径选择的使用

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

  3. 保存所做的更改 (Ctrl+S)。

后续步骤

绘制线

  1. 工具箱中,选择“线”Dd185502.eb618397-5283-48be-8396-3449be7b6fbf(zh-cn,Expression.10).png 工具。

    Dd185502.alert_tip(zh-cn,Expression.10).gif提示:

    如果看不到“线”工具,可右键单击“工具箱”中的工具容器,然后选择“线”工具。

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

  2. 在美工板上,通过拖动鼠标绘制线。

    Dd185502.alert_tip(zh-cn,Expression.10).gif提示:

    在按住 Shift 的同时进行拖动,可以按 15 度的倍数来限制线的倾角。

    Dd185502.alert_tip(zh-cn,Expression.10).gif提示:

    在按住 Alt 的同时进行拖动,可将点击的第一个点作为中心点,而不是以该点作为起点。

    释放鼠标按钮后,则会出现用于缩放、旋转、移动、倾斜以及其他可执行操作的转换图柄。鼠标指针会改变以指明利用“选择”Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-cn,Expression.10).png 工具所能执行的操作。

    若要修改线的起点或终点,请单击“路径选择”Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-cn,Expression.10).png 工具。此时,线(即路径对象)上便会显示可点击和移动的各个点。有关修改路径的方法的列表,请参阅笔和路径选择的使用

  3. 保存所做的更改 (Ctrl+S)。

后续步骤

另请参见

概念

在 Silverlight 2 项目中绘制控件