组件是 AEM (Adobe Experience Manager) 体验的基本元素。您可以使用多个组件,并将其添加到 AEM Screens 项目中的渠道。
AEM Screens 提供了可用于 Screens 项目的不同 AEM 组件。
无论何时创建 AEM Screens 项目,您都将会看到可添加到项目的默认组件列表。
要查看 Screens 项目的默认组件,请按照以下步骤操作:
选择渠道。例如,We.Retail In Store --> 渠道 --> Idle Channel。
从操作栏中单击编辑以打开 AEM 编辑器。
单击侧栏中的 + 图标以打开组件。
此时会显示 AEM Screens 项目中默认包含的所有组件,如下图所示。
AEM 提供了许多其他组件。鉴于这些组件与 AEM Screens 兼容,您始终可以向项目中添加其他组件(默认情况下未包含)。
以下示例显示了如何向 AEM Screens 项目中添加 Livefyre 组件:
选择要添加新组件的渠道。例如,We.Retail In Store --> 渠道 --> Idle Channel。
单击操作栏中的编辑以打开编辑器。
选择设计模式。
选择右侧的整个设计编辑器,然后单击设置符号以打开 ParSys 设计对话框。
您可以选择要导入到 AEM Screens 项目的组件。以下示例显示了如何将Livefyre组件添加到AEM Screens项目。
同样,您可以向项目中添加任意数量的与 AEM Screens 兼容的新组件。
以下部分介绍了可在项目中使用的AEM Screens组件。
要查看任何组件的属性,请选择该组件,然后单击锤子图标以打开/查看属性。
应用程序组件允许您向渠道中添加应用程序。
应用程序组件具有以下属性:
属性 | 描述 |
---|---|
应用程序路径 | 选择应用程序所在的绝对路径。 |
持续时间(毫秒) | 选择应用程序的持续时间。默认情况下,持续时间设置为–1,这意味着元素会永远运行(即单页应用程序)。 将持续时间值设置为大于 0 会在指定的持续时间内显示该元素,然后移至下一个元素。 |
以下示例显示如何嵌入应用程序组件及其属性的预览:
请参阅上面的示例以查看下面每个组件的属性。
渠道组件允许您向项目中添加完整的渠道。
渠道组件具有以下属性:
属性 | 描述 |
渠道路径 | 选择渠道所在的绝对路径。 |
持续时间(毫秒) | 选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全部长度。 |
嵌入式页面允许您向项目中添加嵌入式页面。例如,它可以是 Web 应用程序或产品目录。
嵌入式页面具有以下属性:
属性 | 描述 |
页面 路径 |
选择页面所在的绝对路径。 |
持续时间(毫秒) | 选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全部长度。 |
请参阅创作屏幕部分下的嵌入式序列,以详细了解嵌入式序列。
嵌入式序列允许您在现有渠道(包含其他资产)内添加嵌入式序列渠道。
嵌入式序列具有以下页面属性:
属性 | 描述 |
渠道路径 | 选择要包含在渠道中的序列的绝对路径。 |
持续时间(毫秒) | 选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全部长度。 |
战略 | 将其设置为original或single。 将值设置为original表示子序列将在父序列的每个周期上完全运行。 另一个可能值是single,它将在每次运行时仅显示子序列的一个项目(例如,第一个循环上的第1个项目,第二个循环上的第2个项目,等等)。 |
动态嵌入式序列允许您添加与上述类似的序列,但渠道角色除外。
请参阅创作屏幕部分下的嵌入式序列,以详细了解嵌入式序列。
动态嵌入式序列具有以下属性:
属性 | 描述 |
渠道分配角色 |
输入渠道角色。 |
持续时间(毫秒) | 选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其全部长度。 |
战略 | 将其设置为original或single。 将值设置为original表示子序列将在父序列的每个周期上完全运行。 另一个可能值是single,它将在每次运行时仅显示子序列的一个项目(例如,第一个循环上的第1个项目,第二个循环上的第2个项目,等等)。 |
体验片段允许您向AEM Screens渠道添加体验片段(由一个或多个组件组成的组件,包括可在页面中引用的内容和布局)。 将组件拖放到AEM编辑器中,然后选择体验片段。
要详细了解如何创建体验片段并将其用于AEM Screens项目,请参阅使用体验片段。
属性 | 描述 |
---|---|
体验片段 | |
体验片段 | 选择体验片段。 |
持续时间 | 选择在渠道中播放的体验片段的整个持续时间。 |
脱机配置 | |
客户端库 | Javascript和CSS文件。 |
静态文件 | 可作为离线配置添加到体验片段的静态文件。 |
除了已配置的客户端库以及从体验片段的属性添加的静态文件之外,您还会添加从此组件添加的客户端库和静态文件。
图像允许您向渠道中添加图像。
图像资产有三个选项卡:图像、辅助功能和序列:
属性 | 描述 |
---|---|
图像 | |
图像资产 | 选择图像资产。 |
标题 | 图像的标题。 |
链接到 | 添加指向图像的链接。 |
描述 | 图像的简短描述。 |
大小 | 图像的大小。 |
辅助功能 | |
替换文本 | 图像的替换文本。 |
序列 | |
持续时间 | 默认情况下,持续时间设置为8000毫秒。 如果要更改图像的播放持续时间,请更新持续时间字段。 |
过渡组件允许您向 Screens 项目中添加过渡。
下图显示了过渡组件(通过拖放添加)到编辑器中。
选择过渡图标,然后单击配置(扳手图标)以打开过渡对话框。 此对话框包含三个选项卡:
默认情况下,序列设置为600毫秒。 您可以使用Sequence选项卡将过渡序列更新为其他值。
过渡组件具有以下属性:
属性 | 描述 |
过渡 | |
类型 | 前一个元素和后一个元素之间的过渡类型。过渡Type包括以下选项:
|
序列 | |
持续时间 | 选择过渡的整个持续时间。默认情况下,设置为600毫秒。 |
激活 | |
活动来源 | 描述过渡何时可处于活动状态的时间戳。 |
活动到 | 描述直到过渡可以处于活动状态为止的时间戳。 |
计划 | 添加预定义的计划。 |
视频组件允许您向 Screens 项目中添加视频。
视频组件具有以下属性:
属性 | 描述 |
视频资产 | 选择指向视频的链接。 |
持续时间 | 选择视频的持续时间。默认情况下,持续时间设置为–1,这意味着元素会一直运行。 将持续时间值设置为大于 0 会在指定的持续时间内显示该元素,然后移至下一个元素。 |
呈现 | 如果视频宽高比不适合屏幕,则可以将呈现方式调整为包含或覆盖。 包含表示显示完整视频,缺少的区域用黑色边框填充。 覆盖表示视频覆盖整个视区,但在侧面溢出的某些部分会被隐藏。 |
大小 | 视频的大小。 |