将组件添加到渠道 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 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
An 嵌入式页面 允许您将嵌入页面添加到项目中。 例如,它可以是Web应用程序或产品目录。
嵌入式页面具有以下属性:
嵌入式序列 embedded-sequence
嵌入式序列允许您在现有渠道(包含其他资源)中添加嵌入式序列渠道。
嵌入式序列具有以下页面属性:
动态嵌入式序列 dynamic-embedded-sequence
动态嵌入式序列允许您添加与上述序列类似的序列,但按渠道角色除外。
要了解嵌入序列,请参阅 嵌入式序列 在创作屏幕部分下。
动态嵌入式序列具有以下属性:
体验片段 experience-fragment
体验片段允许您将体验片段(由一个或多个组件组成,包括可在页面中引用的内容和布局)添加到您的AEM Screens渠道中。 将组件拖放到AEM编辑器中,然后单击体验片段。
要详细了解如何创建体验片段并将其应用于AEM Screens项目,请参阅 使用体验片段.
图像 image
图像允许您向渠道添加图像。
图像资产有三个选项卡,即 图像, 辅助功能、和 序列:
过渡 transition
使用过渡组件,可以向屏幕项目添加过渡。
下图显示了编辑器中的过渡组件(通过拖放添加)。
单击过渡图标,然后单击 配置 (扳手图标)以打开 过渡 对话框。 此对话框包括三个选项卡:
- 过渡
- 序列
- 激活
过渡组件具有以下属性:
视频 video
使用视频组件,您可以将视频添加到Screens项目。
视频组件具有以下属性: