将组件添加到渠道 adding-components-to-a-channel

组件是AEM (Adobe Experience Manager)体验的基本元素。 在AEM Screens项目中,您可以使用许多组件并将其添加到渠道。

AEM Screens中的组件 components-in-aem-screens

AEM Screens提供了可在Screens项目中使用的各种AEM组件。

查看AEM Screens组件 viewing-aem-screens-components

每当您创建AEM Screens项目时,都会看到可添加到该项目的默认组件列表。

要查看屏幕项目的默认组件,请执行以下步骤:

  1. 选择渠道。 例如, 商店中的We.Retail —> 渠道 —> 空闲频道.

  2. 单击 编辑 以打开AEM编辑器。

  3. 单击 + 图标以打开组件。

  4. 此时将显示默认包含在AEM Screens项目中的所有组件,如下图所示。

screen_shot_2017-12-18at21350pm

添加新组件 adding-a-new-component

AEM提供了许多其他组件。 您可以始终向项目添加其他组件(默认情况下不包括),只要这些组件与AEM Screens兼容。

以下示例显示如何将Livefyre组件添加到AEM Screens项目:

  1. 选择要添加新组件的渠道。 例如, 商店中的We.Retail —> 渠道 —> 空闲频道.

  2. 单击 编辑 以打开编辑器。

  3. 选择 设计 模式。

  4. 选择右侧的整个设计编辑器,然后单击设置符号以打开 ParSys设计 对话框。

  5. 您可以选择要导入到AEM Screens项目的组件。 以下示例显示了 Livefyre AEM Screens项目的组件。

adding_components

NOTE
同样,您也可以将任意数量的与AEM Screens兼容的其他新组件添加到项目中。

了解AEM屏幕组件 understanding-aem-screen-components

以下部分将介绍可在项目中使用的AEM Screens组件。

NOTE
要查看任何组件的属性,请选择该组件并单击锤子图标以打开/查看属性。

应用程序 application

应用程序 组件允许您向渠道添加应用程序。

应用程序组件具有以下属性:

属性
描述
应用程序路径
选择应用程序所在的绝对路径。
持续时间(毫秒)
选择应用程序的持续时间。 默认情况下,持续时间设置为–1,这意味着元素永远运行(即单页应用程序)。 设置持续时间值> 0,显示指定持续时间的元素,然后转到下一个元素。

以下示例显示如何嵌入应用程序组件及其属性的预览:

adding_componentsapplication

NOTE
请参阅上面的示例,以查看下面每个组件的属性。

渠道 channel

渠道 组件允许您向项目添加整个渠道。

渠道组件具有以下属性:

属性
描述
渠道路径
选择应用程序所在的绝对路径。
持续时间(毫秒)
选择渠道的整个持续时间。 将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全长。

嵌入式页面 embedded-page

An 嵌入式页面 用于向项目添加嵌入页面。 例如,它可以是Web应用程序或产品目录。

“嵌入式”页面具有以下属性:

属性
描述
页面路径
选择存在渠道的此绝对路径。
持续时间(毫秒)
选择渠道的整个持续时间。 将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全长。

嵌入式序列 embedded-sequence

NOTE
请参阅 嵌入式序列 在创作屏幕部分下,了解有关嵌入式序列的详细信息。

嵌入式序列允许您在现有渠道中添加嵌入式序列渠道(包含其他资源)。

嵌入式序列具有以下页面属性:

属性
描述
渠道路径
选择要包含在渠道中的序列的绝对路径。
持续时间(毫秒)
选择渠道的整个持续时间。 将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全长。
战略
将其设置为 原有单身. 将该值设置为 原有 表示子序列将在父序列的每个循环中完全运行。 另一个可能的值是 单身 而且每次运行时只显示子序列的一个项(例如,第一个循环上的第一个项,第二个循环上的第二个项,等等)。

动态嵌入式序列 dynamic-embedded-sequence

动态嵌入式序列允许添加与上述类似的序列,但渠道角色除外。

请参阅 嵌入式序列 在创作屏幕部分下,了解有关嵌入式序列的详细信息。

动态嵌入式序列具有以下属性:

属性
描述
渠道分配角色
输入渠道角色。
持续时间(毫秒)
选择渠道的整个持续时间。 将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全长。
战略
将其设置为 原有单身. 将该值设置为 原有 表示子序列将在父序列的每个循环中完全运行。 另一个可能的值是 单身 而且每次运行时只显示子序列的一个项(例如,第一个循环上的第一个项,第二个循环上的第二个项,等等)。

体验片段 experience-fragment

体验片段允许您向AEM Screens渠道添加体验片段(由一个或多个组件组成,包括可在页面中引用的内容和布局)。 将组件拖放到AEM编辑器并选择体验片段。

要详细了解如何创建体验片段并将其用于AEM Screens项目,请参阅 使用体验片段.

费用

属性
描述
体验片段
体验片段
选择体验片段。
持续时间
选择在渠道中播放的体验片段的整个持续时间。
脱机配置
客户端库
Javascript和CSS文件。
静态文件
可作为离线配置添加到体验片段的静态文件。
NOTE
客户端库静态文件 您从此组件添加的将是已配置的补充 客户端库 以及从体验片段的 属性.

图像 image

图像允许您向渠道添加图像。

图像资产有三个选项卡,即 图像辅助功能、和 序列

属性
描述
图像
图像资产
选择图像资源。
标题
图像的标题。
链接到
添加指向该图像的链接。
描述
图像的简短描述。
大小
图像的大小。
辅助功能
替换文本
图像的替换文本。
序列
持续时间
默认情况下,持续时间设置为 8000毫秒. 如果要更改图像的播放持续时间,请更新 持续时间 字段。

过渡 transition

利用过渡组件,可将过渡添加到屏幕项目。

下图显示了编辑器中的过渡组件(通过拖放添加)。

screen_shot_2019-07-25at104237am

选择过渡图标并单击 配置 (扳手图标)以打开 过渡 对话框。 此对话框包括三个选项卡:

  • 过渡
  • 序列
  • 激活
NOTE
默认情况下,序列设置为600毫秒。 可以使用将过渡序列更新为其他值 序列 选项卡。

过渡

过渡组件具有以下属性:

属性
描述
过渡
类型

元素之前和元素之后之间的过渡类型。 过渡 类型 包括以下选项:

  • 标准
  • 淡化
  • 从右侧滑入
  • 从左侧滑入
  • 从顶部滑入
  • 从底部滑入
序列
持续时间
选择过渡的整个持续时间。 默认情况下,设置为600毫秒。
激活
激活自
描述过渡何时处于活动状态的时间戳。
保持活动状态结束日期
时间戳,描述过渡处于活动状态之前的持续时间。
计划
添加预定义的计划。

视频 video

使用视频组件,可将视频添加到Screens项目。

视频组件具有以下属性:

属性
描述
视频资产
选择指向视频的链接。
持续时间
选择视频的持续时间。 默认情况下,持续时间设置为–1,这意味着元素将永远运行。 设置持续时间值> 0,显示指定持续时间的元素,然后转到下一个元素。
呈现

如果视频长宽比不适合屏幕,您可以将渲染调整为以下任一值 contain封面.

Contain 表示显示完整视频,并用黑色边框填充缺失区域。

封面 表示视频覆盖了整个视区,但两侧溢出的某些部分处于隐藏状态。

大小
视频的大小。
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053