在 Android 上的演示文稿中应用形状动画

动画是可以应用于文本、图像、形状或图表的视觉效果。它们为演示文稿或其组成部分赋予活力。

为什么在演示文稿中使用动画?

使用动画,您可以

  • 控制信息流
  • 强调重要要点
  • 提高观众的兴趣或参与度
  • 使内容更易阅读、吸收或处理
  • 吸引读者或观众注意演示文稿中的重要部分

PowerPoint 在 入口退出强调运动路径 类别中提供了丰富的动画选项和工具。

Aspose.Slides 中的动画

  • Aspose.Slides 在 Aspose.Slides.Animation 命名空间下提供了处理动画所需的类和类型,
  • Aspose.Slides 在 EffectType 枚举中提供了超过 150 种 动画效果。这些效果本质上与 PowerPoint 中使用的效果相同(或等价)。

为 TextBox 应用动画

Aspose.Slides for Android via Java 允许您对形状中的文本应用动画。

  1. 创建一个 Presentation 类的实例。
  2. 通过索引获取幻灯片引用。
  3. 添加一个 rectangle IAutoShape
  4. IAutoShape.TextFrame 添加文本。
  5. 获取主效果序列。
  6. IAutoShape 添加动画效果。
  7. TextAnimation.BuildType 属性设置为 BuildType 枚举中的值。
  8. 将演示文稿写入磁盘,保存为 PPTX 文件。

以下 Java 代码演示了如何为 AutoShape 应用 Fade 效果并将文本动画设置为 By 1st Level Paragraphs 值:

// 实例化一个表示演示文稿文件的 Presentation 类。
Presentation pres = new Presentation();
try {
    ISlide sld = pres.getSlides().get_Item(0);

    // 添加带文本的新 AutoShape
    IAutoShape autoShape = sld.getShapes().addAutoShape(ShapeType.Rectangle, 20, 20, 150, 100);

    ITextFrame textFrame = autoShape.getTextFrame();
    textFrame.setText("First paragraph \nSecond paragraph \n Third paragraph");

    // 获取幻灯片的主序列。
    ISequence sequence = sld.getTimeline().getMainSequence();

    // 为形状添加 Fade 动画效果
    IEffect effect = sequence.addEffect(autoShape, EffectType.Fade, EffectSubtype.None, EffectTriggerType.OnClick);

    // 按一级段落对形状文本进行动画
    effect.getTextAnimation().setBuildType(BuildType.ByLevelParagraphs1);

    // 将 PPTX 文件保存到磁盘
    pres.save(path + "AnimText_out.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

为 PictureFrame 应用动画

  1. 创建一个 Presentation 类的实例。
  2. 通过索引获取幻灯片引用。
  3. 在幻灯片上添加或获取一个 PictureFrame
  4. 获取主效果序列。
  5. PictureFrame 添加动画效果。
  6. 将演示文稿写入磁盘,保存为 PPTX 文件。

以下 Java 代码演示了如何为图片框应用 Fly 效果:

// 实例化一个表示演示文稿文件的 Presentation 类。
Presentation pres = new Presentation();
try {
    // 加载要添加到演示文稿图像集合中的图像
    IPPImage picture;
    IImage image = Images.fromFile("aspose-logo.jpg");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) image.dispose();
    }

    // 向幻灯片添加图片框
    IPictureFrame picFrame = pres.getSlides().get_Item(0).getShapes().addPictureFrame(ShapeType.Rectangle, 50, 50, 100, 100, picture);

    // 获取幻灯片的主序列。
    ISequence sequence = pres.getSlides().get_Item(0).getTimeline().getMainSequence();

    // 向图片框添加从左侧飞入动画效果
    IEffect effect = sequence.addEffect(picFrame, EffectType.Fly, EffectSubtype.Left, EffectTriggerType.OnClick);

    // 将 PPTX 文件保存到磁盘
    pres.save(path + "AnimImage_out.pptx", SaveFormat.Pptx);
} catch(IOException e) {
} finally {
    if (pres != null) pres.dispose();
}

为 Shape 应用动画

  1. 创建一个 Presentation 类的实例。
  2. 通过索引获取幻灯片引用。
  3. 添加一个 rectangle IAutoShape
  4. 添加一个 Bevel IAutoShape(单击此对象时将播放动画)。
  5. 为斜角形创建效果序列。
  6. 创建自定义 UserPath
  7. UserPath 添加移动命令。
  8. 将演示文稿写入磁盘,保存为 PPTX 文件。

以下 Java 代码演示了如何为形状应用 PathFootball(路径足球)效果:

// 实例化一个表示 PPTX 文件的 Presentation 类。
Presentation pres = new Presentation();
try {
    ISlide sld = pres.getSlides().get_Item(0);

    // 为现有形状从头创建 PathFootball 效果。
    IAutoShape ashp = sld.getShapes().addAutoShape(ShapeType.Rectangle, 150, 150, 250, 25);
    ashp.addTextFrame("Animated TextBox");

    // 添加 PathFootBall 动画效果
    pres.getSlides().get_Item(0).getTimeline().getMainSequence().addEffect(ashp, EffectType.PathFootball,
            EffectSubtype.None, EffectTriggerType.AfterPrevious);

    // 创建某种“按钮”。 
    IShape shapeTrigger = pres.getSlides().get_Item(0).getShapes().addAutoShape(ShapeType.Bevel, 10, 10, 20, 20);

    // 为此按钮创建效果序列。
    ISequence seqInter = pres.getSlides().get_Item(0).getTimeline().getInteractiveSequences().add(shapeTrigger);

     // 创建自定义用户路径。我们的对象仅在按钮被点击后才会移动。
    IEffect fxUserPath = seqInter.addEffect(ashp, EffectType.PathUser, EffectSubtype.None, EffectTriggerType.OnClick);

     // 添加移动命令,因为创建的路径为空。
    IMotionEffect motionBvh = ((IMotionEffect)fxUserPath.getBehaviors().get_Item(0));

    Point2D.Float[] pts = new Point2D.Float[1];
    pts[0] = new Point2D.Float(0.076f, 0.59f);
    motionBvh.getPath().add(MotionCommandPathType.LineTo, pts, MotionPathPointsType.Auto, true);
    pts[0] = new Point2D.Float(-0.076f, -0.59f);
    motionBvh.getPath().add(MotionCommandPathType.LineTo, pts, MotionPathPointsType.Auto, false);
    motionBvh.getPath().add(MotionCommandPathType.End, null, MotionPathPointsType.Auto, false);

     // 将 PPTX 文件写入磁盘
    pres.save("AnimExample_out.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

获取已应用于 Shape 的动画效果

以下示例展示了如何使用 ISequence 接口的 getEffectsByShape 方法获取应用于形状的所有动画效果。

示例 1:获取普通幻灯片上形状的动画效果

之前,您已经学习了如何向 PowerPoint 演示文稿中的形状添加动画效果。下面的示例代码演示了如何获取演示文稿 AnimExample_out.pptx 中第一张普通幻灯片上第一个形状的效果:

Presentation presentation = new Presentation("AnimExample_out.pptx");
try {
    ISlide firstSlide = presentation.getSlides().get_Item(0);

    // 获取幻灯片的主动画序列。
    ISequence sequence = firstSlide.getTimeline().getMainSequence();

    // 获取第一张幻灯片上的第一个形状。
    IShape shape = firstSlide.getShapes().get_Item(0);

    // 获取应用于该形状的动画效果。
    IEffect[] shapeEffects = sequence.getEffectsByShape(shape);

    if (shapeEffects.length > 0)
        System.out.println("The shape " + shape.getName() + " has " + shapeEffects.length + " animation effects.");
} finally {
    if (presentation != null) presentation.dispose();
}

示例 2:获取包括占位符继承的所有动画效果

如果普通幻灯片上的形状具有位于版式幻灯片和/或母版幻灯片上的占位符,并且这些占位符已添加动画效果,则在放映时该形状将播放所有效果,包括从占位符继承的效果。

假设我们有一个 PowerPoint 演示文稿文件 sample.pptx,其中唯一一张幻灯片仅包含一个页脚形状,文本为 “Made with Aspose.Slides”,并已对该形状应用 随机条形 效果。

幻灯片形状动画效果

再假设在 版式 幻灯片的页脚占位符上已应用 拆分 效果。

版式形状动画效果

最后,在 母版 幻灯片的页脚占位符上已应用 飞入 效果。

母版形状动画效果

下面的示例代码演示了如何使用 IShape 接口的 getBasePlaceholder 方法访问形状占位符并获取页脚形状的动画效果,包括从版式和母版幻灯片的占位符继承的效果:

Presentation presentation = new Presentation("sample.pptx");

ISlide slide = presentation.getSlides().get_Item(0);

// Get animation effects of the shape on the normal slide.
IShape shape = slide.getShapes().get_Item(0);
IEffect[] shapeEffects = slide.getTimeline().getMainSequence().getEffectsByShape(shape);

// Get animation effects of the placeholder on the layout slide.
IShape layoutShape = shape.getBasePlaceholder();
IEffect[] layoutShapeEffects = slide.getLayoutSlide().getTimeline().getMainSequence().getEffectsByShape(layoutShape);

// Get animation effects of the placeholder on the master slide.
IShape masterShape = layoutShape.getBasePlaceholder();
IEffect[] masterShapeEffects = slide.getLayoutSlide().getMasterSlide().getTimeline().getMainSequence().getEffectsByShape(masterShape);

System.out.println("Main sequence of shape effects:");
printEffects(masterShapeEffects);
printEffects(layoutShapeEffects);
printEffects(shapeEffects);

presentation.dispose();
static void printEffects(IEffect[] effects)
{
    for (IEffect effect : effects)
    {
        String typeName = EffectType.getName(EffectType.class, effect.getType());
        String subtypeName = EffectSubtype.getName(EffectSubtype.class, effect.getSubtype());

        System.out.println(typeName + " " + subtypeName);
    }
}

输出:

Main sequence of shape effects:
Fly Bottom
Split VerticalIn
RandomBars Horizontal

更改动画效果时间属性

Aspose.Slides for Android via Java 允许您更改动画效果的时间属性。

这是 Microsoft PowerPoint 中的动画时间窗格:

example1_image

以下是 PowerPoint 时间属性与 Effect.Timing 属性之间的对应关系:

以下是更改 Effect Timing 属性的方法:

  1. 应用 或获取动画效果。
  2. 为所需的 Effect.Timing 属性设置新值。
  3. 保存修改后的 PPTX 文件。

下面的 Java 代码演示了该操作:

// 实例化一个表示演示文稿文件的 Presentation 类。
Presentation pres = new Presentation("AnimExample_out.pptx");
try {
    // 获取幻灯片的主序列。
    ISequence sequence = pres.getSlides().get_Item(0).getTimeline().getMainSequence();

    // 获取主序列的第一个效果。
    IEffect effect = sequence.get_Item(0);

    // 将效果的 TriggerType 更改为单击开始
    effect.getTiming().setTriggerType(EffectTriggerType.OnClick);

    // 更改效果的持续时间
    effect.getTiming().setDuration(3f);

    // 更改效果的 TriggerDelayTime
    effect.getTiming().setTriggerDelayTime(0.5f);

    // 将 PPTX 文件保存到磁盘
    pres.save("AnimExample_changed.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

动画效果声音

Aspose.Slides 提供以下属性,以便您在动画效果中使用声音:

添加动画效果声音

以下 Java 代码演示了如何添加动画效果声音并在下一个效果开始时停止它:

Presentation pres = new Presentation("AnimExample_out.pptx");
try {
    // 添加音频到演示文稿的音频集合
    IAudio effectSound = pres.getAudios().addAudio(Files.readAllBytes(Paths.get("sampleaudio.wav")));

    ISlide firstSlide = pres.getSlides().get_Item(0);

    // 获取幻灯片的主序列。
    ISequence sequence = firstSlide.getTimeline().getMainSequence();

    // 获取主序列的第一个效果
    IEffect firstEffect = sequence.get_Item(0);

    // 检查效果是否没有声音
    if (!firstEffect.getStopPreviousSound() && firstEffect.getSound() == null)
    {
        // 为第一个效果添加声音
        firstEffect.setSound(effectSound);
    }

    // 获取幻灯片的第一个交互序列。
    ISequence interactiveSequence = firstSlide.getTimeline().getInteractiveSequences().get_Item(0);

    // 设置效果的 “停止前一个声音” 标志
    interactiveSequence.get_Item(0).setStopPreviousSound(true);

    // 将 PPTX 文件写入磁盘
    pres.save("AnimExample_Sound_out.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

提取动画效果声音

  1. 创建一个 Presentation 类的实例。
  2. 通过索引获取幻灯片引用。
  3. 获取主效果序列。
  4. 提取嵌入到每个动画效果中的 setSound(IAudio value)

下面的 Java 代码演示了如何提取嵌入在动画效果中的声音:

// 实例化一个表示演示文稿文件的 Presentation 类。
Presentation presentation = new Presentation("EffectSound.pptx");
try {
    ISlide slide = presentation.getSlides().get_Item(0);

    // 获取幻灯片的主序列。
    ISequence sequence = slide.getTimeline().getMainSequence();

    for (IEffect effect : sequence)
    {
        if (effect.getSound() == null)
            continue;

        // 提取效果声音的字节数组
        byte[] audio = effect.getSound().getBinaryData();
    }
} finally {
    if (presentation != null) presentation.dispose();
}

动画后

Aspose.Slides for Android via Java 允许您更改动画效果的 “After animation” 属性。

这是 Microsoft PowerPoint 中的动画效果窗格及其扩展菜单:

example1_image

PowerPoint 效果 After animation 下拉列表对应以下属性:

以下 Java 代码演示了如何更改动画后效果:

// 实例化一个表示演示文稿文件的 Presentation 类
Presentation pres = new Presentation("AnimImage_out.pptx");
try {
    ISlide firstSlide = pres.getSlides().get_Item(0);

    // 获取主序列的第一个效果
    IEffect firstEffect = firstSlide.getTimeline().getMainSequence().get_Item(0);

    // 将动画后类型更改为 Color
    firstEffect.setAfterAnimationType(AfterAnimationType.Color);

    // 设置动画后暗淡颜色
    firstEffect.getAfterAnimationColor().setColor(Color.BLUE);

    // 将 PPTX 文件写入磁盘
    pres.save("AnimImage_AfterAnimation.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

动画文本

Aspose.Slides 提供以下属性,以便您使用动画效果的 Animate text 块:

以下是更改 Effect Animate text 属性的方法:

  1. 应用 或获取动画效果。
  2. setBuildType(int value) 属性设置为 BuildType.AsOneObject 值,以关闭 By Paragraphs 动画模式。
  3. setAnimateTextType(int value)setDelayBetweenTextParts(float value) 属性设置新值。
  4. 保存修改后的 PPTX 文件。

下面的 Java 代码演示了该操作:

// 实例化一个表示演示文稿文件的 Presentation 类。
Presentation pres = new Presentation("AnimTextBox_out.pptx");
try {
    ISlide firstSlide = pres.getSlides().get_Item(0);

    // 获取主序列的第一个效果
    IEffect firstEffect = firstSlide.getTimeline().getMainSequence().get_Item(0);

    // 将效果的 Text animation 类型更改为 "As One Object"
    firstEffect.getTextAnimation().setBuildType(BuildType.AsOneObject);

    // 将效果的 Animate text 类型更改为 "By word"
    firstEffect.setAnimateTextType(AnimateTextType.ByWord);

    // 将词之间的延迟设置为效果持续时间的 20%
    firstEffect.setDelayBetweenTextParts(20f);

    // 将 PPTX 文件写入磁盘
    pres.save("AnimTextBox_AnimateText.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

常见问题

如何确保在将演示文稿发布到 Web 时保留动画?

导出为 HTML5 并启用负责 shapetransition 动画的选项。普通 HTML 不播放幻灯片动画,而 HTML5 能够播放。

更改形状的 z 顺序(层次顺序)会如何影响动画?

动画顺序和绘制顺序是独立的:效果控制出现/消失的时间和类型,而 z-order 决定遮挡关系。最终可见结果由两者组合决定。(这是一种通用的 PowerPoint 行为,Aspose.Slides 的效果和形状模型遵循相同逻辑。)

将动画转换为视频时某些效果是否有限制?

通常,支持动画,但在少数情况下或特定效果可能会有不同的呈现。建议使用您实际使用的效果和库版本进行测试。