同步动画时间线和媒体时间线的起始时间

此页仅适用于 WPF 项目

如果 Storyboard 同时包含媒体(音频或视频)时间线和动画时间线,并且媒体时间线由于加载时间而延迟,则动画时间线可能会在媒体时间线之前开始运行。可以使用 XAML SlipBehavior 属性来同时开始运行所有时间线。

同步动画时间线和媒体时间线的起始时间

  1. 在 Microsoft Expression Blend 2 中,创建一些要动态显示的对象。任何类型的可视对象都适用,或者可以使用绘制形状中介绍的过程创建其他对象。

  2. 创建并打开 Storyboard。可以使用创建、修改或删除 Storyboard 中介绍的过程。

  3. 移动时间线播放指针 Cc304465.5626c9eb-40bb-450a-9ca1-3678e5abe429(zh-cn,Expression.10).png,然后修改对象,从而动态显示对象。现在已获得一个包含动画时间线的 Storyboard。保持此 Storyboard 为打开状态。

  4. 在美工板中插入音频文件或视频文件。可以使用在活动文档中插入图像、音频或视频文件中介绍的过程。媒体文件将添加到 Storyboard 中自己的时间线上。

  5. 按 F5 以测试应用程序。请注意,在启动动画时间线和启动媒体文件之间是否会出现短暂的延迟。

  6. 单击“XAML”视图选项卡或“拆分”视图选项卡,以便可以查看定义美工板上显示内容的 XAML。

    Cc304465.6077fdd4-d9ee-4372-9324-4e417771b3d6(zh-cn,Expression.10).png

  7. 定位到 Storyboard 对应的 XAML 行。可以将指针移动到 XAML 文件的顶部,然后使用“查找”工具(在“编辑”菜单上)来搜索词语“Storyboard”。例如,如果 Storyboard 的名称为“Storyboard1”,则 XAML 行可能类似于下面这样:

    <Storyboard x:Key="Storyboard1">
    
  8. 添加一个名为 SlipBehavior 的新属性,并将其设置为字符串 Slip。例如,在进行更改之后,XAML 代码行将可能类似于下面这样:

    <Storyboard SlipBehavior="Slip" x:Key="Storyboard1">
    

    按 F5 以测试应用程序。请注意,现在所有时间线将同时开始运行。