创建简单动画

您可以动态显示 Microsoft Expression Blend 中的任何可视元素,如下所示。

创建简单动画

  1. 在 Expression Blend 中,打开一个现有项目或创建一个新项目。有关详细信息,请参阅创建新的文档或项目

  2. 按 F6 切换到动画工作区。(按 F6 将在“设计工作区”和“动画工作区”之间进行切换。在“动画工作区”中,“交互”面板位于美工板的下方。)创建要动态显示的任何对象。

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

    对象 是指 Expression Blend 中的美工板上的项目。例如,如果您从工具箱中选择“矩形”工具 Cc294948.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(zh-cn,Expression.10).png,并在美工板上绘制矩形,则会创建一个矩形对象。有关对象和控件的详细信息,请参阅使用对象和属性控件

  3. 在“对象和时间线”下,单击“新建”Cc294948.86937695-03dd-44ea-aa30-28d4029b3ad0(zh-cn,Expression.10).png 按钮。

    此时,将显示“创建 Storyboard 资源”对话框。

  4. 在“资源名(关键字)”字段中,键入时间线的名称,然后单击“确定”。Expression Blend 将进入时间线录制模式,并且播放指针 Cc294948.5626c9eb-40bb-450a-9ca1-3678e5abe429(zh-cn,Expression.10).png 位于 0 秒标记处。当处于录制模式中时,所设置的任何属性都将在该时间线上自动记录一个关键帧。

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

    默认情况下,在文档的根中创建任何新 Storyboard,都将导致在“触发器”下为“Window.Loaded”事件添加一个事件触发器。此触发器使 Storyboard 在应用程序启动时开始。如果希望创建一些简单的交互内容,则可以选择事件触发器,然后对其进行修改(在“触发器”窗格的下半部分中)以指定以下项:

    When object .PreviewMouseDown is raised

    其中,object 是应用程序中某个对象的名称。(必须选择该对象以使其在您修改触发器时显示在“触发器”窗格的下半部分中。)这将导致您的动画时间线在您单击该对象时开始。

  5. 在“对象和时间线”下,选择要动态显示的对象。

  6. 如果希望选定的对象从其当前位置和外观开始运行,请单击“记录关键帧”按钮 Cc294948.de094a9c-58f2-4466-912a-9bdc18362548(zh-cn,Expression.10).png,以在 0 秒标记处记录该对象。将在与选定对象对应的行中的时间线上显示一个关键帧 Cc294948.80da70bb-e635-42e8-b26d-f90453096e21(zh-cn,Expression.10).png

  7. 在“对象和时间线”下,将播放指针拖动到动画的结束时间点处。

  8. 如果希望对象在动画结束和开始时的外观相同,请单击“记录关键帧”按钮。

  9. 将播放指针移到时间线上希望属性发生改变的位置处。

  10. 更改选定对象的属性,例如对象的位置、颜色或大小。时间线上将自动显示一个用于记录属性更改的关键帧。

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

    可以展开对象的节点,以查看各个属性关键帧。如果希望移动某个属性的关键帧,而不是整个对象的关键帧,此操作将会非常有用。

  11. 若要查看刚才创建的动画,请单击“对象和时间线”顶部的“播放”按钮。

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

    若要退出时间线录制模式,请单击“关闭 Storyboard”按钮 Cc294948.4c066464-3a41-452d-b2e9-e95f6c5659ff(zh-cn,Expression.10).png 以回到当前范围内所有对象的初始状态。

另请参见

概念

测试 Storyboard

运行 Storyboard 时进行控制

动手试验:尝试切换动画和非切换动画