向渠道添加组件

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

AEM Screens 中的组件

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

查看 AEM Screens 组件

无论何时创建 AEM Screens 项目，您都将会看到可添加到项目的默认组件列表。

要查看 Screens 项目的默认组件，请按照以下步骤操作：

选择渠道。例如，We.Retail In Store --> 渠道 --> Idle Channel。
从操作栏中单击编辑以打开 AEM 编辑器。
单击侧栏中的 + 图标以打开组件。
此时会显示 AEM Screens 项目中默认包含的所有组件，如下图所示。

screen_shot_2017-12-18at21350pm

添加新组件

AEM 提供了许多其他组件。鉴于这些组件与 AEM Screens 兼容，您始终可以向项目中添加其他组件（默认情况下未包含）。

以下示例显示了如何向 AEM Screens 项目中添加 Livefyre 组件：

选择要添加新组件的渠道。例如，We.Retail In Store --> 渠道 --> Idle Channel。
单击操作栏中的编辑以打开编辑器。
选择设计模式。
选择右侧的整个设计编辑器，然后单击设置符号以打开 ParSys 设计对话框。
您可以选择要导入到 AEM Screens 项目的组件。以下示例显示了将Livefyre组件添加到AEM Screens项目。

adding_components

注意

同样，您可以向项目中添加任意数量的与 AEM Screens 兼容的新组件。

了解 AEM Screens 组件

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

注意

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

应用程序

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

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

属性	描述
应用程序路径	选择应用程序所在的绝对路径。
持续时间（毫秒）	选择应用程序的持续时间。默认情况下，持续时间设置为–1，这意味着元素会一直运行（即单页应用程序）。将持续时间值设置为大于 0 会在指定的持续时间内显示该元素，然后移至下一个元素。

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

adding_components应用程序

注意

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

渠道

渠道组件允许您向项目中添加完整的渠道。

渠道组件具有以下属性：

属性	描述
*渠道路径*	选择渠道所在的绝对路径。
*持续时间（毫秒）*	选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其完整长度。

嵌入式页面

嵌入式页面允许您向项目中添加嵌入式页面。例如，它可以是 Web 应用程序或产品目录。

嵌入式页面具有以下属性：

属性	描述
*页面路径*	选择页面所在的绝对路径。
*持续时间（毫秒）*	选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其完整长度。

嵌入式序列

注意

要详细了解嵌入式序列，请参阅“创作屏幕”部分下的嵌入式序列。

嵌入式序列允许您在现有渠道（包含其他资产）内添加嵌入式序列渠道。

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

属性	描述
渠道路径	选择要包含在渠道中的序列的绝对路径。
*持续时间（毫秒）*	选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其完整长度。
战略	将其设置为原始或单个。将值设置为original表示子序列将在父序列的每个循环上完全运行。另一个可能值是single，它将仅在每次运行时显示子序列的一个项（例如，第一个循环上的第一个项，第二个循环上的第二个项，依此类推）。

动态嵌入式序列

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

要详细了解嵌入式序列，请参阅“创作屏幕”部分下的嵌入式序列。

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

属性	描述
*渠道分配角色*	输入渠道角色。
*持续时间（毫秒）*	选择渠道的整个持续时间。将持续时间设置为–1表示嵌入式渠道将在特定渠道中运行其完整长度。
战略	将其设置为原始或单个。将值设置为original表示子序列将在父序列的每个循环上完全运行。另一个可能值是single，它将仅在每次运行时显示子序列的一个项（例如，第一个循环上的第一个项，第二个循环上的第二个项，依此类推）。

体验片段

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

要进一步了解如何创建体验片段并将其用于AEM Screens项目，请参阅使用体验片段。

exp

属性	描述
体验片段
体验片段	选择体验片段。
持续时间	选择在渠道中播放的体验片段的整个持续时间。
脱机配置
客户端库	Javascript和CSS文件。
静态文件	静态文件，您可以将其作为脱机配置添加到您的体验片段。

注意

除了已配置的客户端库和从体验片段的属性添加的静态文件之外，还将添加从此组件添加的客户端库和静态文件。

图像

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

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

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

过渡

过渡组件允许您向 Screens 项目中添加过渡。

下图显示了过渡组件（通过拖放添加）到编辑器。

screen_shot_2019-07-25at104237am

选择过渡图标，然后单击配置（扳手图标）以打开过渡对话框。此对话框包含三个选项卡：

过渡
序列
激活

注意

默认情况下，序列设置为600毫秒。您可以使用Sequence选项卡将过渡序列更新为其他值。

过渡组件具有以下属性：

属性	描述
过渡
类型	前一个元素和后一个元素之间的过渡类型。过渡Type包含以下选项：标准淡化从右侧滑入从左侧滑入从顶部滑入从底部滑入
序列
*持续时间*	选择过渡的整个持续时间。默认情况下，它设置为600毫秒。
激活
*活动自*	当过渡可以处于活动状态时描述的时间戳。
*活动到*	在过渡可以处于活动状态之前描述的时间戳。
计划	添加预定义计划。

视频

视频组件允许您向 Screens 项目中添加视频。

视频组件具有以下属性：

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