Show Menu
主题×

向渠道添加组件

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

AEM Screens 中的组件

AEM Screens 提供了可用于 Screens 项目的不同 AEM 组件。

查看 AEM Screens 组件

无论何时创建 AEM Screens 项目,您都将会看到可添加到项目的默认组件列表。
要查看 Screens 项目的默认组件,请按照以下步骤操作:
  1. 选择渠道。例如, We.Retail In Store --> 渠道 --> Idle Channel
  2. 从操作栏中单击​ 编辑 ​以打开 AEM 编辑器。
  3. 单击侧栏中的 + 图标以打开组件。
  4. 此时会显示 AEM Screens 项目中默认包含的所有组件,如下图所示。

添加新组件

AEM 提供了许多其他组件。鉴于这些组件与 AEM Screens 兼容,您始终可以向项目中添加其他组件(默认情况下未包含)。
以下示例显示了如何向 AEM Screens 项目中添加 Livefyre 组件:
  1. 选择要添加新组件的渠道。例如, We.Retail In Store --> 渠道 --> Idle Channel
  2. 单击操作栏中的​ 编辑 ​以打开编辑器。
  3. Select Design mode.
  4. 选择右侧的整个设计编辑器,然后单击设置符号以打开 ParSys 设计 ​对话框。
  5. 您可以选择要导入到 AEM Screens 项目的组件。The following example shows the addition of Livefyre component to an AEM Screens project.
同样,您可以向项目中添加任意数量的与 AEM Screens 兼容的新组件。

了解 AEM Screens 组件

以下部分介绍可在项目中使用的AEM Screens组件。
要查看任何组件的属性,请选择该组件,然后单击锤子图标以打开/查看属性。

应用程序

应用程序 ​组件允许您向渠道中添加应用程序。
应用程序组件具有以下属性:
属性
描述
应用程序路径
选择应用程序所在的绝对路径。
持续时间(毫秒)
选择应用程序的持续时间。默认情况下,持续时间设置为-1,这意味着元素将一直运行(即单页应用程序)。 将持续时间值设置为大于 0 会在指定的持续时间内显示该元素,然后移至下一个元素。
以下示例演示如何嵌入应用程序组件及其属性的预览:
请参阅上面的示例以查看下面每个组件的属性。

渠道

渠道 ​组件允许您向项目中添加完整的渠道。
渠道组件具有以下属性:
属性 描述
渠道路径 选择渠道所在的绝对路径。
持续时间(毫秒) 选择渠道的整个持续时间。将持续时间设置为-1表示嵌入式渠道将在特定渠道中运行完整长度。

嵌入式页面

嵌入式页面 ​允许您向项目中添加嵌入式页面。例如,它可以是 Web 应用程序或产品目录。
嵌入式页面具有以下属性:
属性 描述
页面 路径 选择页面所在的绝对路径。
持续时间(毫秒) 选择渠道的整个持续时间。将持续时间设置为-1表示嵌入式渠道将在特定渠道中运行完整长度。

嵌入式序列

Refer to Embedded Sequences under Authoring Screens section, to learn in detail about embedded sequences.
嵌入式序列允许您在现有渠道(包含其他资产)内添加嵌入式序列渠道。
嵌入式序列具有以下页面属性:
属性 描述
渠道路径 选择要包含在渠道中的序列的绝对路径。
持续时间(毫秒) 选择渠道的整个持续时间。将持续时间设置为-1表示嵌入式渠道将在特定渠道中运行完整长度。
战略 Set it to original or single . Setting the value to original means that the subsequence will run fully on each cycle of the parent sequence. The other possible value is single and that would only show one item of the subsequence on each run (for instance, the 1st item on the first loop, 2nd item on the second loop, and so on.)

动态嵌入式序列

动态嵌入式序列允许您添加与上述类似的序列,但渠道角色除外。
Refer to Embedded Sequences under Authoring Screens section, to learn in detail about embedded sequences.
动态嵌入式序列具有以下属性:
属性 描述
渠道分配角色 输入渠道角色。
持续时间(毫秒) 选择渠道的整个持续时间。将持续时间设置为-1表示嵌入式渠道将在特定渠道中运行完整长度。
战略 Set it to original or single . Setting the value to original means that the subsequence will run fully on each cycle of the parent sequence. The other possible value is single and that would only show one item of the subsequence on each run (for instance, the 1st item on the first loop, 2nd item on the second loop, and so on.)

体验片段

体验片段允许您将体验片段(由一个或多个组件组成的组件,包括可在页面中引用的内容和布局)添加到您的AEM Screens渠道。 将组件拖放到AEM编辑器,然后选择体验片段。
要进一步了解如何创建体验片段并将其用于AEM Screens项目,请参 阅使用体验片段
属性
描述
体验片段
体验片段
选择体验片段。
持续时间
选择在渠道中播放的体验片段的整个持续时间。
脱机配置
客户端库
Javascript和CSS文件。
静态文件
静态文件,您可以将其作为脱机配置添加到体验片段。
此组件添加的客户端库 和静态文件除了已配置的 客户端库和从体验片段的Properties添加的静 ​态文件。

图像

图像允许您向渠道中添加图像。
图像资产有三个选项卡: 图像 辅助功能 ​和​ 序列
属性
描述
图像
图像资产
选择图像资产。
标题
图像的标题。
链接到
添加指向图像的链接。
描述
图像的简短描述。
大小
图像的大小。
辅助功能
替换文本
图像的替换文本。
序列
持续时间
默认情况下,持续时间设 置为8000毫秒 。 如果要更改图像的播放持续时间,请更新“持续时 ”字段。

过渡

过渡组件允许您向 Screens 项目中添加过渡。
下图显示了过渡组件(通过拖放添加)到编辑器。
选择过渡图标,然后单 “配置”(扳手图标)以打 开过渡 对话框。 此对话框包含三个选项卡:
  • 过渡
  • 序列
  • 激活
默认情况下,序列设置为600毫秒。 您可以使用“序列”选项卡将过渡序列更 新为 其他值。
过渡组件具有以下属性:
属性 描述
过渡
类型
前一个元素和后一个元素之间的过渡类型。过渡 类型 包括以下选项:
  • 标准
  • 淡化
  • 从右侧滑入
  • 从左侧滑入
  • 从顶部滑入
  • 从底部滑入
序列
持续时间 选择过渡的整个持续时间。默认情况下,它设置为600毫秒。
激活
活动自 描述过渡何时可激活的时间戳。
活动到 时间戳,描述直到过渡可以处于活动状态。
计划 添加预定义计划。

视频

视频组件允许您向 Screens 项目中添加视频。
视频组件具有以下属性:
属性 描述
视频资产 选择指向视频的链接。
持续时间 选择视频的持续时间。默认情况下,持续时间设置为-1,这意味着元素将永远运行。 将持续时间值设置为大于 0 会在指定的持续时间内显示该元素,然后移至下一个元素。
呈现
如果视频宽高比不适合屏幕,则可以将呈现方式调整为 包含 覆盖
包含 表示显示完整视频,缺少的区域用黑色边框填充。
覆盖 表示视频覆盖整个视区,但在侧面溢出的某些部分会被隐藏。
大小 视频的大小。