创建、修改或删除运动路径

此页仅适用于 WPF 项目

可以使用“转换为运动路径”工具自动生成动画时间线。“转换为运动路径”工具可以使目标对象沿美工板上的路径移动,而不管该路径是线还是形状(如椭圆形或矩形)的边界。然后可以修改运动路径:改变行进路径、重复次数和对象的路径方向。

创建运动路径

  1. 如果还没有要沿运动路径移动的对象,请创建对象并指定名称。(无需先创建运动对象,但如果先创建该对象,可简化此操作步骤。也无需指定对象名称,但如果指定名称,将有助于在使用“转换为运动路径”工具的后续步骤中识别该对象。)

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

    如果希望向多个对象应用运动路径,可以先将这些对象组合到面板对象中,再向该面板应用该运动路径。若要将多个对象组合到一起,请在“对象和时间线”下选择这些对象(按住 Ctrl 键以选择多个对象),右键单击选定对象,指向“分组”,然后单击所需的面板类型。

  2. 如果具有一个要向其中添加运动路径时间线的 Storyboard,请通过在“对象和时间线”下单击“打开 Storyboard”Cc295124.d4531c86-5048-481c-a1ca-29af202d28e7(zh-cn,Expression.10).png 按钮,从 Storyboard 选取器选择该 Storyboard。否则,请单击“新建”Cc295124.86937695-03dd-44ea-aa30-28d4029b3ad0(zh-cn,Expression.10).png 按钮创建一个新的时间线,并为其指定名称。

  3. 将播放指针 Cc295124.5626c9eb-40bb-450a-9ca1-3678e5abe429(zh-cn,Expression.10).png 移到所希望的运动路径的开始位置。

    Cc295124.alert_caution(zh-cn,Expression.10).gif警告:

    如果应用程序中存在现有的 Storyboard,但在创建运动路径之前没有选择一个 Storyboard,则会将运动路径添加到 Storyboard 选取器中列出的第一条时间线。如果在创建运动路径之前应用程序中没有 Storyboard,将用默认名称创建一个 Storyboard。

  4. 从“工具箱”中选择绘图工具,该工具可生成所希望的运动对象沿循的路径。

    • 如果希望对象进行圆形或矩形运动,请选择“椭圆形”Cc295124.8938cfdf-9b75-4a33-bc88-b0636e114a0d(zh-cn,Expression.10).png 工具或“矩形”Cc295124.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(zh-cn,Expression.10).png 工具。通过使用“选择”Cc295124.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-cn,Expression.10).png 工具并拖动对象周围的蓝色修饰工具,或者通过在“属性”面板的“转换”类别中更改属性,可以修改美工板上的形状。

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

      默认情况下,运动路径从矩形的左上角开始,或者从椭圆形的右边开始。如果希望采用不同的起点,请在创建运动路径之前旋转形状。此外,运动路径沿顺时针方向运行,因此如果希望运动路径沿逆时针方向运行,请在创建运动路径之前翻转形状(指向“对象”菜单上的“翻转”)。

    • 如果希望对象沿绘制的路径移动,请使用“笔”Cc295124.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-cn,Expression.10).png 工具或“铅笔”Cc295124.509dc167-734f-46c9-b012-987ee63450cd(zh-cn,Expression.10).png 工具。可以通过使用“路径选择”Cc295124.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-cn,Expression.10).png 工具移动各个点来修改绘制的路径。

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

      默认情况下,运动路径从绘制路径的原点(第一点)开始。

  5. 在美工板上绘制路径对象。

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

    可以使用笔、复合路径和剪切工具创建更复杂的形状和路径。有关详细信息,请参阅将形状转换为路径更改曲线的形状合并形状或路径应用、修改或删除剪切路径

  6. 在“对象和时间线”下选定路径对象,然后在“属性”面板的“画笔”类别下,将“Fill”属性设置为“无画笔”Cc295124.706bbd5c-c0e0-43a1-9604-297f019d0275(zh-cn,Expression.10).png,并将“Stroke”属性设置为“纯色画笔”Cc295124.3a66ec96-47bb-47fc-8876-6b9456feec3a(zh-cn,Expression.10).png。此步骤不是必需的,但它有助于清晰地显示路径对象的轮廓。

  7. 仍然在“对象和时间线”下选定路径对象,指向“对象”菜单上的“路径”,然后单击“转换为运动路径”。此时,将显示“选择运动路径的目标”对话框。

  8. 运动路径的目标是运动对象。从列表中选择运动对象的名称,然后单击“确定”。

    Cc295124.alert_note(zh-cn,Expression.10).gif说明:

    如果尚未在“对象和时间线”下命名运动对象,将在“选择运动路径的目标”对话框中显示其类型。创建运动路径后,将自动命名运动对象。这是因为一个对象必须具有名称,才能在应用程序的其他位置加以引用。

    单击“确定”后,将生成一条运动路径时间线,表示对象沿该路径的移动。该时间线将会添加到打开的 Storyboard 或新的 Storyboard 中。

  9. 此时,可以删除用于生成运动路径的形状或绘制的路径,因为它并不是时间线的一部分。

  10. 若要修改运动路径的播放时间,请在“对象和时间线”下展开运动对象的节点,直到显示“运动路径”节点,然后在时间线上拖动底纹时间范围条两端的蓝色条。也可以修改运动路径的重复次数。有关示例,请参阅设置循环周期

  11. 单击“播放”Cc295124.64ad8e84-1eec-4154-9d0c-11fef322c0bf(zh-cn,Expression.10).png 按钮,对新的运动路径进行测试。

修改运动路径的路径

  1. 打开包含运动路径的 Storyboard。有关详细信息,请参阅打开或关闭 Storyboard

  2. 从“工具箱”中选择“路径选择”Cc295124.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-cn,Expression.10).png 工具。

  3. 在“对象和时间线”下选择运动对象。美工板上将显示一条带有点(顶点)的虚线以代表运动路径。

  4. 使用以下方法之一修改路径:

    • 拖动某个点。

    • 通过选择“笔”Cc295124.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-cn,Expression.10).png 工具,然后单击虚线,从而向路径中添加新的点。

    • 通过拖动曲线移动两点之间的曲线。

    • 在拖动曲线时按住 Alt 键,更改两点之前曲线的形状。

    • 单击某个点,然后拖动某个切线端点。

    Cc295124.d91d85ca-603a-4451-8870-7dab7077028d(zh-cn,Expression.10).png

    有关更多的路径修改功能,请参阅笔和路径选择的使用

修改运动路径的持续时间

  1. 在“对象和时间线”下展开运动对象的节点,直到显示“运动路径”节点。

  2. 在时间线上拖动底纹时间范围条两端的蓝色条。也可以修改运动路径的重复次数。有关示例,请参阅设置循环周期

使运动对象自身不断地适应路径

  1. 在“对象和时间线”下展开运动对象的节点,直到显示“运动路径”节点。

  2. 右键单击“运动路径”节点,然后选择“适应路径”。

删除运动路径

  • 如果运动路径是 Storyboard 中的唯一时间线,则可以删除 Storyboard

  • 如果运动路径并非 Storyboard 中仅有的时间线,则只可以删除运动路径时间线。在“对象和时间线”下展开运动对象的节点,直到显示“运动路径”节点,然后按 Delete。

另请参见

概念

添加或删除路径上的点