Adicionar componentes a um canal adding-components-to-a-channel
Os componentes são os elementos fundamentais da experiência com o AEM (Adobe Experience Manager). Você pode usar vários componentes e adicioná-los ao canal em um projeto do AEM Screens.
Componentes no AEM Screens components-in-aem-screens
O AEM Screens fornece diferentes componentes do AEM que podem ser usados em um projeto do Screens.
Visualização de componentes do AEM Screens viewing-aem-screens-components
Sempre que criar um projeto AEM Screens, você verá uma lista de componentes padrão que podem ser adicionados ao projeto.
Para exibir os componentes padrão do seu projeto do Screens, siga as etapas abaixo:
-
Selecione o canal. Por exemplo, We.Retail Na Loja —> Canais —> Canal ocioso.
-
Clique em Editar na barra de ações para abrir o editor de AEM.
-
Clique em + ícone na barra lateral para abrir os componentes.
-
Todos os componentes incluídos por padrão em um projeto do AEM Screens são exibidos, como mostrado na figura abaixo.
Adicionar um novo componente adding-a-new-component
O AEM fornece vários outros componentes. Você sempre pode adicionar outros componentes (não incluídos por padrão) ao seu projeto, já que eles são compatíveis com o AEM Screens.
O exemplo a seguir mostra a adição de um componente Livefyre a um projeto AEM Screens:
-
Selecione o canal no qual deseja adicionar um novo componente. Por exemplo, We.Retail Na Loja —> Canais —> Canal ocioso.
-
Clique em Editar na barra de ações para abrir o editor.
-
Selecionar Design modo.
-
Selecione todo o editor de design à direita e clique no símbolo de configurações para abrir a Design de ParSys caixa de diálogo.
-
Você pode selecionar os componentes que deseja importar para o projeto do AEM Screens. O exemplo a seguir mostra a adição de Livefyre componente a um projeto do AEM Screens.
Compreender os componentes da tela AEM understanding-aem-screen-components
A seção a seguir explica os componentes do AEM Screens que você pode usar no projeto.
Aplicativo application
A variável Aplicativo permite adicionar um aplicativo ao canal.
O componente do aplicativo tem as seguintes propriedades:
O exemplo a seguir mostra como incorporar um componente de aplicativo juntamente com a visualização de suas propriedades:
Canal channel
A variável Canal permite adicionar um canal inteiro ao projeto.
O componente Canal tem as seguintes propriedades:
Página incorporada embedded-page
Um Página incorporada permite adicionar uma página incorporada ao projeto. Por exemplo, pode ser um aplicativo web ou um catálogo de produtos.
A página Incorporada tem as seguintes propriedades:
Sequência incorporada embedded-sequence
Uma sequência incorporada permite adicionar um canal de sequência incorporada no canal existente (com outros ativos).
A Sequência incorporada tem as seguintes propriedades de página:
Sequência incorporada dinâmica dynamic-embedded-sequence
Uma sequência incorporada dinâmica permite adicionar uma sequência semelhante à mencionada acima, exceto por função de canal.
Consulte Sequências incorporadas na seção Criação de telas, para saber mais detalhes sobre sequências incorporadas.
A sequência incorporada dinâmica tem as seguintes propriedades:
Fragmento de experiência experience-fragment
Um Fragmento de experiência permite adicionar um fragmento de experiência (grupo de um ou mais componentes, incluindo conteúdo e layout que podem ser referenciados nas páginas) ao canal do AEM Screens. Arraste e solte o componente no editor de AEM e selecione o fragmento de experiência.
Para saber mais sobre como criar um fragmento de experiência e aproveitá-lo em um projeto do AEM Screens, consulte Uso de fragmentos de experiência.
Imagem image
Uma imagem permite adicionar uma imagem ao seu canal.
O ativo de imagem tem três guias: Imagem, Acessibilidade, e Sequência:
Transição transition
O componente de Transição permite adicionar uma transição ao projeto do Screens.
A imagem a seguir mostra o componente de transição (adicionado via arrastar e soltar) ao editor.
Selecione o ícone de transição e clique no botão Configurar (ícone de chave inglesa) para abrir a Transição caixa de diálogo. Essa caixa de diálogo inclui três guias:
- Transição
- Sequência
- Ativação
O componente de transição tem as seguintes propriedades:
Vídeo video
O componente de Vídeo permite que você adicione um vídeo ao seu projeto do Screens.
O componente de vídeo tem as seguintes propriedades: