将组件添加到渠道 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项目时,您都会看到可添加到该项目的默认组件列表。

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

  1. 单击渠道。 例如,We.Retail In Store > 频道 > 空闲频道

  2. 单击操作栏中的​ 编辑

  3. 在AEM编辑器中,单击侧栏中的​ + ​图标。

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

screen_shot_2017-12-18at21350pm

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

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

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

  1. 单击要在其中添加组件的渠道。 例如,We.Retail In Store > 频道 > 空闲频道

  2. 单击操作栏中的​ 编辑

  3. 单击​ 设计 ​模式。

  4. 单击右侧的整个设计编辑器并单击设置符号,以便打开​ Parsys设计 ​对话框。

  5. 您可以单击要导入到AEM Screens项目的组件。 以下示例显示将​ Livefyre ​组件添加到AEM Screens项目。

正在添加_组件

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

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

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

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

应用程序 application

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

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

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

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

添加_componentsapplication

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

渠道 channel

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

渠道组件具有以下属性:

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

嵌入式页面 embedded-page

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

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

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

嵌入式序列 embedded-sequence

NOTE
要详细了解嵌入序列,请参阅“创作Screens”部分下的嵌入序列

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

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

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

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

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

要了解有关嵌入序列的更多信息,请参阅“创作Screens”部分下的嵌入序列

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

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

体验片段 experience-fragment

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

要了解有关如何创建体验片段并将其应用于AEM Screens项目的更多信息,请参阅使用体验片段

费用

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

图像 image

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

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

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

过渡 transition

使用过渡组件,您可以向Screens项目添加过渡。

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

screen_shot_2019-07-25at104237am

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

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

过渡

过渡组件具有以下属性:

属性
描述
过渡
类型

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

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

视频 video

使用视频组件,您可以向Screens项目添加视频。

视频组件具有以下属性:

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

如果视频长宽比不适合屏幕,您可以将渲染调整为 包含封面

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

封面 表示视频覆盖整个视区,但两侧溢出的部分被隐藏。

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