02WAB入门-介绍

Posted 2020-08-15

Theme主题

一个Theme就是一个用于展示App外观的模板框架。其内包含面板panel、样式、布局的集合以及配置好的widgets。

一个App可以拥有多个theme，但是在运行的时候只能使用一个。

WAB内置了许多theme。

1. Billboard布告栏主题 - 该theme拥有所有themes里面最多的布局，但是没有包含widget控制器。所有的widget都是直接展示，它适合于简单任务。

2. Box框主题 - 将所有的widgets都集中在了框控制器中。默认情况下，所有的直接显示widget都关闭。没有占位空间。它看起来更加的简洁。

3. Dart镖主题 - 所有的widget都展示在控制器中。点击widget图标会展示一个个的widget窗口。默认情况下，所有的直接显示widget都关闭，没有占位空间。

4. Foldable折叠主题 - WAB创建的第一个主题，支持所有的widget类型，可以用于复杂任务。

5. Jewelry Box珠宝箱主题 - 折叠主题的升级版。 可以在左侧侧边增加一个焦点widget，它比较适合做工作流任务。

6. Launchpad快速启动主题 - 这是一个类似Mac样式的主题，它支持打开多个widget，移动、调整大小和最小化。

7. Plateau高原主题 - 可以应用于创建更加现代的基于扁平化风格的工具和widget。

8. Tab选项卡主题 - 类似于折叠主题，支持所有的widget类型，能够完成复杂任务。

Tips：

高原主题在3Dapp中不可用。

目前，不支持IE8的主题有：框主题、镖主题以及快速启动主题。

样式：可用颜色样式会因所选theme而改变，除了快速启动主题，大多数主题有7个内置的颜色。还可以自定义颜色。

布局：通过选择布局可以应用预先定制好的各个项的位置。

当构建2DApp时，可以使用的布局会随着主题的改变而改变，另外，布局还有两种样式，桌面端样式和移动端样式，当屏幕的展示高度和宽度小于600px的时候，就会使用移动端样式。

当构建3DApp时，所有的主题都只有对应桌面端的两种布局。

地图和场景

略

Widget微件

Off-panel 和 In-panel widget

在Widget页面中可以配置App的功能，widget分为2D和3D。另外，初始widget也会随着theme的不同而不同

预设的widget可能包含off-panel和in-panel两种。off-panel微件当Widget页激活的时候就会展示，可以通过微件图标上的

眼睛图标关闭。这种微件不能添加到widget控制器。in-panel微件可以移除或者添加。

有两种方式添加in-panel微件：一是通过添加到controller微件，另一种添加到占位空间

在控制器微件中，你可以通过拖拽的方式改变微件的顺序以及添加新的分组

占位空间是用数字标识的，点击后可以选择一个widget加入。加入到占位空间的widget打开后可以在地图上拖动和改变大小。

可以点击左侧的点设置微件是否在app启动的时候自动打开。最多的时候有两个微件被打开，一个在controller中的一个在占位空间中的。

直接展示widget

On-screen微件指的是它们的图标直接展示在地图区域内部的微件。通常，他们包含theme中预设的off-panel微件和占位空间中的微件。

Attribute属性

通过属性页可以修改App层面的基础自定义设置。比如设置你的App的banner条

可以加入到banner的项有：

1. Logo

2. Title标题

3. Subtitle副标题

4. Links链接，最多加4个。

应用程序状态选项：该项选中后可以保持地图的范围以及图层的可见性。

来自为知笔记(Wiz)