Animación de Formas

Las animaciones son efectos visuales que se pueden aplicar a textos, imágenes, formas, o gráficos. Dan vida a las presentaciones o a sus componentes.

¿Por qué usar animaciones en presentaciones?

Usando animaciones, puedes

controlar el flujo de información
enfatizar puntos importantes
aumentar el interés o la participación de tu audiencia
hacer que el contenido sea más fácil de leer, asimilar o procesar
llamar la atención de tus lectores o espectadores a partes importantes de una presentación

PowerPoint ofrece muchas opciones y herramientas para animaciones y efectos de animación en las categorías de entrada, salida, énfasis y trayectorias de movimiento.

Animaciones en Aspose.Slides

Aspose.Slides proporciona las clases y tipos que necesitas para trabajar con animaciones bajo el espacio de nombres Aspose.Slides.Animation,
Aspose.Slides ofrece más de 150 efectos de animación bajo la enumeración EffectType. Estos efectos son esencialmente los mismos (o equivalentes) que los efectos usados en PowerPoint.

Aplicar animación a TextBox

Aspose.Slides para Java te permite aplicar animación al texto en una forma.

Crea una instancia de la clase Presentation.
Obtén una referencia a la diapositiva a través de su índice.
Agrega un rectangle IAutoShape.
Agrega texto a IAutoShape.TextFrame.
Obtén una secuencia principal de efectos.
Agrega un efecto de animación a IAutoShape.
Establece la propiedad TextAnimation.BuildType al valor de la enumeración BuildType.
Escribe la presentación en disco como un archivo PPTX.

Este código en Java muestra cómo aplicar el efecto Fade a AutoShape y establecer la animación de texto en Por párrafos de nivel 1:

// Instancia una clase de presentación que representa un archivo de presentación.
Presentation pres = new Presentation();
try {
    ISlide sld = pres.getSlides().get_Item(0);

    // Agrega una nueva AutoShape con texto
    IAutoShape autoShape = sld.getShapes().addAutoShape(ShapeType.Rectangle, 20, 20, 150, 100);

    ITextFrame textFrame = autoShape.getTextFrame();
    textFrame.setText("Primer párrafo \nSegundo párrafo \nTercer párrafo");

    // Obtiene la secuencia principal de la diapositiva.
    ISequence sequence = sld.getTimeline().getMainSequence();

    // Agrega efecto de animación Fade a la forma
    IEffect effect = sequence.addEffect(autoShape, EffectType.Fade, EffectSubtype.None, EffectTriggerType.OnClick);

    // Anima el texto de la forma por párrafos de 1er nivel
    effect.getTextAnimation().setBuildType(BuildType.ByLevelParagraphs1);

    // Guarda el archivo PPTX en disco
    pres.save(path + "AnimText_out.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

Además de aplicar animaciones al texto, también puedes aplicar animaciones a un único Párrafo. Consulta Texto Animado.

Aplicar animación a PictureFrame

Crea una instancia de la clase Presentation.
Obtén una referencia de la diapositiva a través de su índice.
Agrega o obtiene un PictureFrame en la diapositiva.
Obtén la secuencia principal de efectos.
Agrega un efecto de animación a PictureFrame.
Escribe la presentación en disco como un archivo PPTX.

Este código en Java muestra cómo aplicar el efecto Fly a un marco de imagen:

// Instancia una clase de presentación que representa un archivo de presentación.
Presentation pres = new Presentation();
try {
    // Carga la imagen que se va a agregar a la colección de imágenes de la presentación
    IPPImage picture;
    IImage image = Images.fromFile("aspose-logo.jpg");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) image.dispose();
    }

    // Agrega marco de imagen a la diapositiva
    IPictureFrame picFrame = pres.getSlides().get_Item(0).getShapes().addPictureFrame(ShapeType.Rectangle, 50, 50, 100, 100, picture);

    // Obtiene la secuencia principal de la diapositiva.
    ISequence sequence = pres.getSlides().get_Item(0).getTimeline().getMainSequence();

    // Agrega efecto de animación Fly desde la izquierda al marco de imagen
    IEffect effect = sequence.addEffect(picFrame, EffectType.Fly, EffectSubtype.Left, EffectTriggerType.OnClick);

    // Guarda el archivo PPTX en disco
    pres.save(path + "AnimImage_out.pptx", SaveFormat.Pptx);
} catch(IOException e) {
} finally {
    if (pres != null) pres.dispose();
}

Aplicar animación a Shape

Crea una instancia de la clase Presentation.
Obtén una referencia de la diapositiva a través de su índice.
Agrega un rectangle IAutoShape.
Agrega un IAutoShape Bevel (cuando este objeto es clicado, la animación se reproduce).
Crea una secuencia de efectos en la forma bevel.
Crea una UserPath personalizada.
Agrega comandos para mover a la UserPath.
Escribe la presentación en disco como un archivo PPTX.

Este código en Java muestra cómo aplicar el efecto PathFootball a una forma:

// Instancia una clase de Presentación que representa un archivo PPTX.
Presentation pres = new Presentation();
try {
    ISlide sld = pres.getSlides().get_Item(0);

    // Crea el efecto PathFootball para una forma existente desde cero.
    IAutoShape ashp = sld.getShapes().addAutoShape(ShapeType.Rectangle, 150, 150, 250, 25);
    ashp.addTextFrame("Caja de texto animada");

    // Agrega el efecto de animación PathFootBall
    pres.getSlides().get_Item(0).getTimeline().getMainSequence().addEffect(ashp, EffectType.PathFootball,
            EffectSubtype.None, EffectTriggerType.AfterPrevious);

    // Crea una especie de "botón".
    IShape shapeTrigger = pres.getSlides().get_Item(0).getShapes().addAutoShape(ShapeType.Bevel, 10, 10, 20, 20);

    // Crea una secuencia de efectos para este botón.
    ISequence seqInter = pres.getSlides().get_Item(0).getTimeline().getInteractiveSequences().add(shapeTrigger);

    // Crea un camino de usuario personalizado. Nuestro objeto solo se moverá después de que el botón sea clicado.
    IEffect fxUserPath = seqInter.addEffect(ashp, EffectType.PathUser, EffectSubtype.None, EffectTriggerType.OnClick);

    // Agrega comandos para mover ya que el camino creado está vacío.
    IMotionEffect motionBhv = ((IMotionEffect)fxUserPath.getBehaviors().get_Item(0));

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

    // Escribe el archivo PPTX en disco
    pres.save("AnimExample_out.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

Obtener los efectos de animación aplicados a una forma

Puedes decidir averiguar todos los efectos de animación aplicados a una sola forma.

Este código en Java muestra cómo obtener todos los efectos aplicados a una forma específica:

// Instancia una clase de presentación que representa un archivo de presentación.
Presentation pres = new Presentation("AnimExample_out.pptx");
try {
    ISlide firstSlide = pres.getSlides().get_Item(0);

    // Obtiene la secuencia principal de la diapositiva.
    ISequence sequence = firstSlide.getTimeline().getMainSequence();

    // Obtiene la primera forma en la diapositiva.
    IShape shape = firstSlide.getShapes().get_Item(0);

    // Obtiene todos los efectos de animación aplicados a la forma.
    IEffect[] shapeEffects = sequence.getEffectsByShape(shape);

    if (shapeEffects.length > 0)
        System.out.println("La forma " + shape.getName() + " tiene " + shapeEffects.length + " efectos de animación.");
} finally {
    if (pres != null) pres.dispose();
}

Cambiar las propiedades de tiempo del efecto de animación

Aspose.Slides para Java te permite cambiar las propiedades de tiempo de un efecto de animación.

Este es el panel de Tiempo de Animación en Microsoft PowerPoint:

example1_image

Estas son las correspondencias entre el Tiempo de PowerPoint y las propiedades de Effect.Timing :

La lista desplegable de Tiempo Inicio de PowerPoint coincide con la propiedad Effect.Timing.TriggerType .
El Duración de tiempo de PowerPoint coincide con la propiedad Effect.Timing.Duration . La duración de una animación (en segundos) es el tiempo total que lleva completar un ciclo de la animación.
La Demora de tiempo de PowerPoint coincide con la propiedad Effect.Timing.TriggerDelayTime .

Así es como cambias las propiedades de Tiempo del Efecto:

Aplica o obtiene el efecto de animación.
Establece nuevos valores para las propiedades Effect.Timing que necesites.
Guarda el archivo PPTX modificado.

Este código en Java demuestra la operación:

// Instancia una clase de presentación que representa un archivo de presentación.
Presentation pres = new Presentation("AnimExample_out.pptx");
try {
    // Obtiene la secuencia principal de la diapositiva.
    ISequence sequence = pres.getSlides().get_Item(0).getTimeline().getMainSequence();

    // Obtiene el primer efecto de la secuencia principal.
    IEffect effect = sequence.get_Item(0);

    // Cambia el TriggerType del efecto para iniciar al hacer clic
    effect.getTiming().setTriggerType(EffectTriggerType.OnClick);

    // Cambia la Duración del efecto
    effect.getTiming().setDuration(3f);

    // Cambia el TriggerDelayTime del efecto
    effect.getTiming().setTriggerDelayTime(0.5f);

    // Guarda el archivo PPTX en disco
    pres.save("AnimExample_changed.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

Sonido del efecto de animación

Aspose.Slides proporciona estas propiedades para permitirte trabajar con sonidos en efectos de animación:

Agregar sonido al efecto de animación

Este código en Java muestra cómo agregar un sonido de efecto de animación y detenerlo cuando comienza el siguiente efecto:

Presentation pres = new Presentation("AnimExample_out.pptx");
try {
    // Agrega audio a la colección de audio de la presentación
    IAudio effectSound = pres.getAudios().addAudio(Files.readAllBytes(Paths.get("sampleaudio.wav")));

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

    // Obtiene la secuencia principal de la diapositiva.
    ISequence sequence = firstSlide.getTimeline().getMainSequence();

    // Obtiene el primer efecto de la secuencia principal
    IEffect firstEffect = sequence.get_Item(0);

    // Verifica el efecto para "Sin Sonido"
    if (!firstEffect.getStopPreviousSound() && firstEffect.getSound() == null)
    {
        // Agrega sonido para el primer efecto
        firstEffect.setSound(effectSound);
    }

    // Obtiene la primera secuencia interactiva de la diapositiva.
    ISequence interactiveSequence = firstSlide.getTimeline().getInteractiveSequences().get_Item(0);

    // Establece la bandera de efecto "Detener sonido anterior"
    interactiveSequence.get_Item(0).setStopPreviousSound(true);

    // Escribe el archivo PPTX en disco
    pres.save("AnimExample_Sound_out.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

Extraer sonido del efecto de animación

Crea una instancia de la clase Presentation .
Obtén una referencia de la diapositiva a través de su índice.
Obtén la secuencia principal de efectos.
Extrae el setSound(IAudio value) incrustado en cada efecto de animación.

Este código en Java muestra cómo extraer el sonido incrustado en un efecto de animación:

// Instancia una clase de presentación que representa un archivo de presentación.
Presentation presentation = new Presentation("EffectSound.pptx");
try {
    ISlide slide = presentation.getSlides().get_Item(0);

    // Obtiene la secuencia principal de la diapositiva.
    ISequence sequence = slide.getTimeline().getMainSequence();

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

        // Extrae el sonido del efecto en un arreglo de bytes
        byte[] audio = effect.getSound().getBinaryData();
    }
} finally {
    if (presentation != null) presentation.dispose();
}

Después de la animación

Aspose.Slides para Java te permite cambiar la propiedad Después de la animación de un efecto de animación.

Este es el panel de Efecto de Animación y el menú extendido en Microsoft PowerPoint:

example1_image

La lista desplegable de Efecto Después de la animación de PowerPoint coincide con estas propiedades:

setAfterAnimationType(int value) que describe el tipo de animación después de:
- Más colores de PowerPoint coincide con el tipo AfterAnimationType.Color;
- El elemento de lista No atenuar de PowerPoint coincide con el tipo AfterAnimationType.DoNotDim (tipo de animación después de predeterminado);
- El elemento Ocultar después de la animación de PowerPoint coincide con el tipo AfterAnimationType.HideAfterAnimation;
- El elemento Ocultar en el siguiente clic del mouse de PowerPoint coincide con el tipo AfterAnimationType.HideOnNextMouseClick;
setAfterAnimationColor(IColorFormat value) que define un formato de color de animación después. Esta propiedad trabaja en conjunto con el tipo AfterAnimationType.Color . Si cambias el tipo a otro, el color de la animación después será borrado.

Este código en Java muestra cómo cambiar un efecto de animación después:

// Instancia una clase de presentación que representa un archivo de presentación
Presentation pres = new Presentation("AnimImage_out.pptx");
try {
    ISlide firstSlide = pres.getSlides().get_Item(0);

    // Obtiene el primer efecto de la secuencia principal
    IEffect firstEffect = firstSlide.getTimeline().getMainSequence().get_Item(0);

    // Cambia el tipo de animación después a Color
    firstEffect.setAfterAnimationType(AfterAnimationType.Color);

    // Establece el color de atenuación después de la animación
    firstEffect.getAfterAnimationColor().setColor(Color.BLUE);

    // Escribe el archivo PPTX en disco
    pres.save("AnimImage_AfterAnimation.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

Animar texto

Aspose.Slides proporciona estas propiedades para permitirte trabajar con el bloque de Animar texto de un efecto de animación:

setAnimateTextType(int value) que describe un tipo de animación de texto del efecto. El texto de la forma se puede animar:
- Todo de una vez (AnimateTextType.AllAtOnce tipo)
- Por palabra (AnimateTextType.ByWord tipo)
- Por letra (AnimateTextType.ByLetter tipo)
setDelayBetweenTextParts(float value) establece una demora entre las partes de texto animadas (palabras o letras). Un valor positivo especifica el porcentaje de duración del efecto. Un valor negativo especifica la demora en segundos.

Así es como puedes cambiar las propiedades de Efecto de Animar texto:

Aplica o obtiene el efecto de animación.
Establece la propiedad setBuildType(int value) al valor BuildType.AsOneObject para desactivar el modo de animación Por párrafos.
Establece nuevos valores para las propiedades setAnimateTextType(int value) y setDelayBetweenTextParts(float value) .
Guarda el archivo PPTX modificado.

Este código en Java demuestra la operación:

// Instancia una clase de presentación que representa un archivo de presentación.
Presentation pres = new Presentation("AnimTextBox_out.pptx");
try {
    ISlide firstSlide = pres.getSlides().get_Item(0);

    // Obtiene el primer efecto de la secuencia principal
    IEffect firstEffect = firstSlide.getTimeline().getMainSequence().get_Item(0);

    // Cambia el tipo de animación de texto del efecto a "Como un objeto"
    firstEffect.getTextAnimation().setBuildType(BuildType.AsOneObject);

    // Cambia el tipo de animación de texto del efecto a "Por palabra"
    firstEffect.setAnimateTextType(AnimateTextType.ByWord);

    // Establece la demora entre palabras al 20% de la duración del efecto
    firstEffect.setDelayBetweenTextParts(20f);

    // Escribe el archivo PPTX en disco
    pres.save("AnimTextBox_AnimateText.pptx", SaveFormat.Pptx);
} finally {
    if (pres != null) pres.dispose();
}

Propiedades Efectivas de Formas Crear miniaturas de formas