设置循环周期

可以将 Storyboard 中的单个时间线或整个 Storyboard 配置为循环一次、循环多次或无限循环。如果同时进行了上述两种配置,则单个 Storyboard 上设置的重复行为将在整个 Storyboard 上的重复行为之前运行。

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

如果为 Storyboard 中的时间线和 Storyboard 本身同时设置了重复行为,则在开始运行 Storyboard 上的循环行为之前将会完成时间线中的循环行为。这意味着,如果将时间线的循环行为设置为“Forever”,则 Storyboard 的循环行为将永远都不能运行。

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

如果使用播放控件测试 Storyboard,便无法看到时间线循环。若要测试循环行为,请按 F5 运行应用程序。有关详细信息,请参阅测试 Storyboard

设置单个时间线的重复行为

  1. 通过单击“对象和时间线”下的“打开 Storyboard”Cc294558.d4531c86-5048-481c-a1ca-29af202d28e7(zh-cn,Expression.10).png 按钮,然后选择 Storyboard,来从“Storyboard 选取器”选择 Storyboard。

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

    如果 Storyboard 是某个样式或控件模板的一部分,则必须打开这个样式或控件模板才能访问该 Storyboard。有关详细信息,请参阅创建或编辑控件模板编辑样式

  2. 在对象视图中,展开包含要循环的时间线的对象下的节点。例如,在下面的时间线中,“矩形”对象的“X”和“Y”子属性包含可进行循环的时间线。

    用于移动矩形的动画时间线

    Cc294558.982f031a-74a3-414a-abc2-a0f41a741075(zh-cn,Expression.10).png

  3. 右键单击该元素或底纹时间范围条,然后单击“编辑重复次数”。此时,将显示“编辑重复”对话框。

  4. 执行下列操作之一:

    • 如果仅希望使动画重复特定次数,请在“重复次数”文本框中输入动画的重复次数。循环次数的最小值是 1。

    • 如果希望动画无限循环,请单击“设置为永久”Cc294558.da7f68ed-4aa6-461f-a8e9-10ab93e437e0(zh-cn,Expression.10).png 按钮。

  5. 单击“确定”。底纹时间范围条将延长,以反映动画的新周期。

设置整个 Storyboard 的重复行为

  1. 通过单击“对象和时间线”下的“打开 Storyboard”Cc294558.d4531c86-5048-481c-a1ca-29af202d28e7(zh-cn,Expression.10).png 按钮,然后选择 Storyboard,来从“Storyboard 选取器”选择 Storyboard。将打开 Storyboard 以供编辑。

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

    如果 Storyboard 是某个样式或控件模板的一部分,则必须打开这个样式或控件模板才能访问该 Storyboard。有关详细信息,请参阅创建或编辑控件模板编辑样式

  2. 打开“属性”面板。请注意,“属性”面板上将显示在“对象和时间线”下选定的任何对象的属性。

  3. 在“对象和时间线”下,单击 Storyboard 的名称,以突出显示该名称。此时“属性”面板上将显示可以为整个 Storyboard 设置的属性。

    在“对象和时间线”下突出显示 Storyboard 名称之后,Storyboard 属性将显示在“属性”面板中

    Cc294558.3a0060a3-5e81-4347-bc01-e6df99012d87(zh-cn,Expression.10).png

  4. 通过从下拉框选择一个值或输入一个值来更改“RepeatBehavior”属性。可以将该属性设置为“Forever”,或设置为任何整数值加上一个“x”,以指示要重复 Storyboard 的次数。

另请参见

概念

修改 Storyboard 以在其周期结束时重复或反转

复制或反转 Storyboard