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