首页 > 代码库 > 02WAB入门-介绍

02WAB入门-介绍

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)


02WAB入门-介绍