交互通信创作UI简介

介绍用于创作交互式通信的各种用户界面元素

创作交互式通信 的用户界面 是直观的,它提供了以下用于创作交互式通信的印刷和Web渠道的界面:

  • 所见即所得拖放文档编辑器
  • 集成的资产存储库——上传到服务器并在服务器上创建的资产可在交互式通信创作界面的资产浏览器中使用

创建新 的或编辑现有交互式通信时,使用以下用户界面元素:

交互式通信创作用户界面

A.侧栏 B. 页面工具栏 C. 内容区

侧栏

单击放大

A. B.内 容浏 览器C. C.D.Asset BrowserE.B浏览器组 件浏览器F.Browser 渠道数据源——模型G.数据源浏览器主控内容

提要栏包含以下内容:

  • 渠道浏览器

    渠道浏览器可帮助您在交互通信的打印渠道和Web之间进行切换。 根据您在渠道浏览器中选择的渠道,诸如“内容和组件”等浏览器将显示相应选项。

  • 内容浏览器

    在内容浏览器中,您可以看到所选文档的对象层次结构。 作者可以通过点按文档对象树中的元素导航到特定组件。 作者可以在Web渠道中搜索对象,并从此树中重新排列它们。

  • 属性浏览器

    允许您编辑组件的属性。 属性会根据组件而发生更改。 例如,要查看文档容器的属性:

    选择一个组件,然后点 按字段级 > 文档容器,然后点 按cmppr

  • 资产浏览器

    隔离不同类型的内容,如布局片段、图像、文档、页面和视频。 作者可以将资源拖放到交互式通信中。

  • 组件浏览器

    包括可用于构建文档的印刷和Web渠道的组件。 您可以将组件拖动到交互式通信中以添加元素,并根据需要配置添加的元素。 下表介绍了在用于打印和Web渠道的组件浏览器中列出的组件:

组件 打印渠道 Web 渠道 功能
图表 添加一个图表,您可以在交互通信中使用该图表,以可视方式表示从表单数据模型集合项检索的二维数据。
文档片段 允许您向交互式通信中添加可重用的组件、文本、列表或条件。 您添加到交互式通信的可重用组件可以是基于表单数据模型的组件,也可以是没有表单数据模型的组件。
图像 允许插入图像。
面板 - 面板组件是用于将其他组件分组在一起的占位符,它控制如何在交互式通信中布置一组组件。 面板组件还允许您使一组组件可以为最终用户重复使用,如填写教育凭据所需的多个条目。 最好将面板分别用于具有多个选项卡的交互式通信的选项卡。
* 添加表格以便按行和列整理数据。
目标区域 ** 在Web渠道中插入目标区域以组织Web渠道特定的组件。
文本 - 将文本添加到交互式通信的Web渠道。 文本可以利用表单数据模型对象使内容变得动态。

* 在“打印”渠道中使用布局片段添加表。

** 在“打印”渠道中,目标区域在XDP/打印模板中进行预定义。 您无法使用交互式通信创作UI添加新的目标区域。

  • 数据源浏览器

    数据源浏览器以您在创建交互式通信时选择的表单数据模型显示可用数据源。

使用组件的关键点

使用交互式通信组件时的要点如下:

  • 每个组件都具有控制其外观和功能的关联属性。 要配置组件的属性,请点按组件,然后点 按 cmppr以在属性浏览器中打开组件属性。

  • 组件使用其元素名称进行标识。 点按 cmppr时,可以通过更改属性浏览器中的元素名称字段值来更改组件的名称。 元素名称字段仅接受字母、数字、连字符(-)和下划线(_)。 不允许使用其他特殊字符,元素名称应以字母开头。

  • 只要标题在交互式通信中可见,您就可以在编辑器中内嵌修改交互式通信组件的标题属性,而无需打开属性浏览器。 为此,请执行以下操作:

    1. 点按以选择具有标题属性且其隐藏标题属性被禁用的组件。
    2. 按aem_6_3_edit ,使标题可编辑。
    3. 修改标题并点按返回键或点按组件外的任意位置以保存更改。 点按Esc键可放弃更改。

Component toolbar

选择组件时,您会看到一个工具栏,通过该工具栏可以处理组件。 您可以选择剪切、粘贴、移动和指定组件的属性。 您的选择包括:

答: 配置: 点按配置 ,组件属性显示在提要栏中。

B.编 辑规则: 点按编辑规则时,将显示规则编辑器,您可以在其中编辑和创建选定组件的规则。 在规则编辑器中,您还可以选择其他表单对象(组件),并编辑/创建这些表单对象的规则。

C. 复制: 您可以使用复制选项复制组件并将其粘贴到交互通信中的其他位置。

D. Cut: 您可以使用剪切选项在交互式通信中将组件从一个位置移动到另一个位置。

E.删 : 允许您从交互式通信中删除组件。

F.插 入组件: 允许您在选定组件上方插入组件。

G.粘 : 允许您使用上述选项粘贴您剪切或复制的组件。

H. : 如果要剪切、复制或粘贴多个组件,可选择多个组件。

一、 家长: 允许您选择组件的父项。

J.更 : 提供更多用于使用选定组件的选项。

  • 视图SOM表达式(仅适用于面板)
  • 在面板中对象进行分组(仅限面板)
  • 编辑片段(仅限片段)
  • 将面板另存为片段(仅限面板)
  • 添加子面板(仅限面板)
  • 添加面板工具栏(仅限面板)
  • 替换(不适用于面板)

页面工具栏

顶部的“页面”工具栏提供选项,允许您预览交互式通信并更改其属性。 您可以在创作交互式通信时预览它,并相应地进行更改。 在页面工具栏中,您会看到:

  • 切换侧面板 切换侧面板: 用于显示或隐藏提要栏。

  • 页面信息 页面信息: 允许您视图页面属性。

  • 模拟器 标尺: 允许您针对平板电脑和手机等不同尺寸的显示屏模拟交互式通信的外观。

  • 编辑: 允许您选择其他模式,如: 编辑、样式、开发人员和设计。

    • 编辑: 允许您编辑交互式通信及其组件的属性。 例如,添加组件、删除图像以及指定必填字段。

    • 样式: 允许您设计交互式通信组件外观的样式。 例如,在样式模式下,您可以选择面板并指定其背景颜色。

    • 开发人员: 允许开发人员:

      • 了解交互通信由哪些内容组成。
      • 调试发生在何处和何时的情况,这反过来有助于解决问题。
    • 目标: 允许您启用或禁用自定义组件或未列在提要栏中的现成组件。

  • 预览: 允许您预览发布交互式通信时的外观。

在此页面上