将组件添加到渠道 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项目的默认组件,请执行以下步骤:
-
单击渠道。 例如,
We.Retail In Store
> 频道 > 空闲频道。 -
单击操作栏中的 编辑。
-
在AEM编辑器中,单击侧栏中的 + 图标。
-
此时将显示默认包含在AEM Screens项目中的所有组件,如下图所示。
添加新组件 adding-a-new-component
AEM提供了其他几个组件。 您始终可以向项目添加其他组件(默认情况下不包括),因为这些组件与AEM Screens兼容。
以下示例显示如何向AEM Screens项目添加Livefyre组件:
-
单击要在其中添加组件的渠道。 例如,
We.Retail In Store
> 频道 > 空闲频道。 -
单击操作栏中的 编辑。
-
单击 设计 模式。
-
单击右侧的整个设计编辑器并单击设置符号,以便打开 Parsys设计 对话框。
-
您可以单击要导入到AEM Screens项目的组件。 以下示例显示将 Livefyre 组件添加到AEM Screens项目。
了解AEM屏幕组件 understanding-aem-screen-components
以下部分将介绍可在项目中使用的AEM Screens组件。
应用程序 application
应用程序 组件允许您向渠道添加应用程序。
应用程序组件具有以下属性:
以下示例显示如何嵌入应用程序组件及其属性的预览:
渠道 channel
渠道 组件允许您向项目添加整个渠道。
渠道组件具有以下属性:
嵌入式页面 embedded-page
嵌入页面 允许您向项目添加嵌入页面。 例如,它可以是Web应用程序或产品目录。
嵌入式页面具有以下属性:
嵌入式序列 embedded-sequence
嵌入式序列允许您在现有渠道(以及其他资源)中添加嵌入式序列渠道。
嵌入式序列具有以下页面属性:
动态嵌入式序列 dynamic-embedded-sequence
动态嵌入式序列允许您添加与上述序列类似的序列,但渠道角色除外。
要了解有关嵌入序列的更多信息,请参阅“创作Screens”部分下的嵌入序列。
动态嵌入式序列具有以下属性:
体验片段 experience-fragment
体验片段允许您将体验片段(由一个或多个组件组成,包括可在页面中引用的内容和布局)添加到您的AEM Screens渠道中。 将组件拖放到AEM编辑器中,然后单击体验片段。
要了解有关如何创建体验片段并将其应用于AEM Screens项目的更多信息,请参阅使用体验片段。
图像 image
图像允许您向渠道添加图像。
图像资产具有三个选项卡,即 图像、辅助功能 和 序列:
过渡 transition
使用过渡组件,您可以向Screens项目添加过渡。
下图显示了编辑器中的过渡组件(通过拖放方式添加)。
单击过渡图标,然后单击 配置 (扳手图标)以打开 过渡 对话框。 此对话框包括三个选项卡:
- 过渡
- 序列
- 激活
过渡组件具有以下属性:
视频 video
使用视频组件,您可以向Screens项目添加视频。
视频组件具有以下属性: