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