对话框编辑器

对话框编辑器提供了一个图形界面,用于轻松创建和编辑对话框和基架。

要了解其工作方式,请转至CRXDE Lite,打开浏览器树至/libs/foundation/components/chart,然后多次单击节点dialog:

chlimage_1-247

对话框节点将在​对话框编辑器​中打开:

screen_shot_2012-02-01at25033pm

用户界面概述

对话框编辑器界面由四个窗格组成:

  • 左上角的​调色板。 此窗格包含可用于构建对话框的构件,如选项卡面板、文本字段、选择列表和按钮。 单击所需的分隔栏可展开调色板中的不同类别。
  • 左下角的​结构​窗格。 此窗格显示构成对话框定义的节点的层次结构。 通过在“CRXDE Lite”或“CRX内容资源管理器”中展开对话框节点,可以看到相同的结构。
  • 窗口中心的​render​窗格。 此窗格显示在结构窗格中定义的对话框定义如何呈现为实际对话框。
  • 属性​窗格。 此窗格显示结构窗格中当前突出显示的节点的属性。

使用对话框编辑器

要构建对话框,用户将组件面板中的元素拖放到结构窗格中对话框定义层次结构中的位置。

完成所需结构后,用户单击渲染窗格顶部的​保存

注意

请注意,对话框编辑器用于创建相对简单的对话框,可能无法编辑更复杂的对话框定义。 如果对话框编辑器不允许编辑对话框结构,则必须通过使用CRXDE Lite或CRX内容浏览器直接编辑节点结构来手动创建和/或编辑对话框定义。

创建新对话框

要创建新对话框,您需要选择所需的组件,请单击​创建……,然后​创建对话框……

输入所需的详细信息,然后单击​全部保存 —— 现在,您可以多次单击对话框以使用编辑器打开它。

使用基架的对话框编辑器

A scaffold是包含表单的特殊页面,该表单可以通过一个步骤填写和提交。 这允许您使用输入的内容快速创建页面。

构成基架的表单由对话框定义定义,就像普通对话框一样,但它显示在基架页面上的其他表单中。 由于对话框定义用于定义基架,因此可以使用对话框编辑器来设计基架。 请注意,以这种方式使用对话框编辑器时,渲染窗格仍将以对话框的形式显示对话框定义,而不是作为基架。

有关使用对话框编辑器创建基架的详细信息,请参阅Scaffolding

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now