Aplicar transições

Esta seção descreve como você pode aplicar o componente Transition entre diferentes ativos (imagens e vídeos) e sequências incorporadas em um canal.

CUIDADO

Para saber mais detalhes sobre as propriedades do componente Transition, consulte Transições.

Adicionar o componente de transição aos ativos em um canal

Siga as etapas abaixo para adicionar um componente de transição ao seu projeto do AEM Screens:

OBSERVAÇÃO

Pré-requisitos

Crie um projeto do AEM Screens TestProject com um canal TestTransition. Além disso, configure um local e uma exibição para exibir a saída.

  1. Navegue até o Canal TestTransition e clique em Editar na barra de ações.

    image1

    OBSERVAÇÃO

    O canal TestTransition já tem poucos ativos (imagens e vídeos) nele. Por exemplo, o canal TestTransition inclui três imagens e dois vídeos, conforme mostrado abaixo:

    image2

  2. Arraste e solte o componente Transition no editor.

    CUIDADO

    Antes de adicionar a transição aos ativos no canal, certifique-se de não adicionar a transição antes do primeiro ativo no canal sequencial. O primeiro item em seu canal deve ser um ativo e não uma transição.

    image3

    OBSERVAÇÃO

    Por padrão, as propriedades do componente de transição, como Type, são definidas como Fade e Duration são definidas como 1600 ms. Além disso, não é aconselhável definir um período de transição mais longo do que o ativo ao qual está sendo aplicado.

  3. Além disso, se você adicionar um componente Embedded Sequence (que inclui um canal de sequência) a esse editor de canal, poderá adicionar um componente de transição no final, para que o conteúdo seja reproduzido em ordem, conforme demonstrado na figura abaixo:

    image3

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now