文本覆盖 text-overlay
本节涵盖以下主题：
- 概述
- 使用文本叠加
- 了解文本叠加属性
- 在文本覆盖中使用ContextHub值
概述 overview
文本叠加是AEM Screens中一项可用的功能。 它通过在图像上方提供标题或描述，让您在序列渠道中创建引人入胜的体验。
要了解如何创建自己的自定义组件，请参阅 扩展AEM Screens组件。
本节仅显示如何在AEM Screens项目中使用和应用海报组件。 它还展示了如何在一个序列渠道中将其用作文本叠加。
使用文本叠加 using-text-overlay
下节介绍如何在AEM Screens项目中使用文本叠加。
前提条件
在实施此功能之前，请确保已设置项目作为开始实施文本叠加的先决条件。 例如，
-
创建一个AEM Screens项目（在此示例中，TextOverlayDemo）
-
在 Channels 文件夹下创建标题为 TextSample 的序列频道
-
将内容添加到您的 TextSample 频道
下图显示了 渠道 文件夹中具有 TextSample 渠道的 TextOverlayDemo 项目。
请按照以下步骤在AEM Screens渠道中使用文本叠加：
-
导航到 TextOverlayDemo > 渠道 > TextSample，然后单击操作栏中的 编辑。
-
单击图像，然后单击 配置 （扳手图标）以打开属性对话框。
-
单击对话框导航栏中的 文本叠加 选项，如下图所示。
了解文本叠加属性 understanding-text-overlay-properties
使用文本覆盖属性，您可以将文本添加到Screens项目中的任何组件。 以下部分概述了文本叠加中可用的属性：
您可以向文本框中添加文本并添加印刷强调字符，例如粗体、斜体和下划线。
颜色变量 此选项允许文本为深色（黑色的文本）或浅色（白色的文本）。
调整大小和定位 此选项允许用户水平或垂直对齐文本，或者使用细粒度工具对齐文本。
在文本覆盖中使用ContextHub值 using-text-overlay-context-hub
以下部分介绍数据存储中的值的用法，例如，文本覆盖组件中的google sheets 。
前提条件
为您的AEM Screens项目设置ContextHub配置。
要了解如何使用数据存储设置和管理数据驱动资源更改，请参阅在AEM Screens中配置ContextHub。
在为项目设置所需的配置后，请按照以下步骤使用Google工作表中的值：
-
导航到 TextOverlayDemo > 渠道 > TextSample，然后单击操作栏中的 属性。
-
单击 Personalization 选项卡，以便设置ContextHub配置。
-
单击 ContextHub路径 作为 libs > 设置 > cloudsettings > 默认值 > ContextHub配置，然后单击 选择。
-
单击 区段路径 作为 conf > 屏幕 > 设置 > wcm > 区段，然后单击 选择。
-
单击“保存并关闭”。
note note NOTE 使用ContextHub和区段路径，您最初是在其中保存了Context Hub配置和区段。 
-
-
导航到 TextOverlayDemo > 渠道 > TextSample，然后单击操作栏中的 编辑。
-
按照此页面的使用文本叠加部分中的说明，将图像和文本叠加组件添加到您的图像中。
-
单击 配置 （扳手图标）以打开 图像 对话框。
-
从 图像 对话框中导航到 ContextHub 选项卡。 单击 添加。
note note NOTE 如果尚未设置ContextHub配置，则会为您的项目禁用此选项。 -
在 占位符 字段中输入 值。 在 ContextHub变量 中单击要从Google工作表中获取值的行。 在这种情况下，将从Google工作表中的行2和列1检索值。 现在，输入 默认值 为 20，如下图所示。 完成后，单击复选标记。
note note NOTE 供您参考，下图显示了从Google工作表中检索的值： 
-
从“图像”对话框导航回 文本叠加 选项卡，并添加文本 当前温度{Value}，如下图所示。
-
单击 预览。
