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)

时间: 2024-08-01 08:03:59

02WAB入门-介绍的相关文章

Linux入门介绍

Linux入门介绍 一.Linux 初步介绍 Linux的优点 免费的,开源的 支持多线程,多用户 安全性好 对内存和文件管理优越 系统稳定 消耗资源少 Linux的缺点 操作相对困难 一些专业软件以及游戏支持度不足 Linux的应用 网络服务器 关键任务的应用(金融数据库.大型企业网管环境) 学术机构癿高效能运算任务 手持系统(PDA.手机.导航系统) 个人办公使用 Linux的吉祥物/Logo 企鹅(英文名:Tux),由来:因为Torvalds在小时候被企鹅咬过,因此印象非常深刻 在Linu

CUDA C编程入门-介绍

CUDA C编程入门-介绍 1.1.从图形处理到通用并行计算 在实时.高清3D图形的巨大市场需求的驱动下,可编程的图形处理单元或者GPU发展成拥有巨大计算能力的和非常高的内存带宽的高度并行的.多线程的.多核处理器.如图1和图2所示. 图 1 CPU和GPU每秒的浮点计算次数 图 2 CPU和GPU的内存带宽 在CPU和GPU之间在浮点计算能力上的差异的原因是GPU专做密集型计算和高度并行计算-恰好是图形渲染做的-因此设计成这样,更多的晶体管用于数据处理而不是数据缓存和流控制,如图3所示. 图 3

Halcon入门介绍

Halcon是德国MvTec公司开发的一套完善的标准的机器视觉算法包. 1.拥有应用广泛的机器视觉集成开发环境-Hdevelop: 2.提供卓越的性能,全面支持多核平台.SSE2和AVX(intel新的指令扩展集),以及GPU加速: 3.支持windows.linux和mac os x操作环境,函数库可用C.C++.C#.VB.net和delphi等编程语言访问: 4.包含1800多个算子的函数库,主要包括:Blob分析,形态学,匹配,测量,识别和立体视觉等: 5.为大量图像获取设备提供接口,保

[Python爬虫] 在Windows下安装PhantomJS和CasperJS及入门介绍(上)

最近在使用Python爬取网页内容时,总是遇到JS临时加载.动态获取网页信息的困难.例如爬取CSDN下载资源评论.搜狐图片中的"原图"等,此时尝试学习Phantomjs和CasperJS来解决这个问题.这第一篇文章当然就是安装过程及入门介绍. 一. 安装Phantomjs 下载地址:http://phantomjs.org/        官网介绍:          PhantomJS is a headless WebKit scriptable with a JavaScript

DOJO开发: 入门介绍

决定写么这么一个前端框架的系列文章, 还是很需要勇气的. 因为从现在软件开发岗位分工来说, 我一是个标准的后台开发岗, 所以前端的知识(html, css, javascript)还是捉襟见肘的, 所以大家还是多多包涵下, 如果文中有什么问题, 请帮忙指出来. 一般很多后端的同学有这样的需求: 一个人要开发完一个完整的管理系统, 而又没有前端开发资源, 这时候只能一切靠自己了. 嗯, 做一个全栈工程师, 我骄傲!  首先我介绍下我的前端知识体系. 对于html, css, javascript的

Scratch2.0入门介绍

Scratch2.0入门介绍 [教学目标] 1. 演示Scratch2.0作品,激发学习兴趣. 2. 认识Scratch2.0界面及分享平台 3. 了解创作作品的步骤 [教学课时]      15分钟 [对象]      零基础中小学生及父母 [教学重点.难点]      教学重点:Scratch2.0编辑器的下载与安装.在线注册用户 [教学方法与手段]      演示法.自主探究学习法 [教学准备] 教学课件 [教学过程] 一. 创设情境,激发兴趣 演讲者:看见电视里的动画.或者别人制作的游戏

Android CoordinatorLayout 入门介绍

Android CoordinatorLayout 入门介绍 CoordinatorLayout View 知道如何表现 在 2015 年的 I/O 开发者大会上,Google 介绍了一个新的 Android Design Support Library,该库可以帮助开发者在应用上使用 meterial design.它包含了许多重要的 meterial design 的构建块,并且它支持 API 7及以上的版本.如果你错过了这次大会,那就请打开谷歌开发者站点来查阅它的相关信息吧:传送门. Co

Android入门介绍

Android入门介绍 3G.4G 第三代移动通信技术(3rd - Generation),速率一般在几百Kbps,较之前的2G和2.5G在数据传输速度上有很大提升. 第四代移动通信技术(4th - Generation),速度可达到100Mbps以上,几乎可以满足人们的所有传输数据的需求. 目前主流的3G技术标准有三种: WCDMA:全球80%以上的3G网络都是采用此种制式.中国联通运营.186 CDMA2000:目前日韩及北美使用较多.中国电信运营. 189 TD-SCDMA:中国自主知识产

【翻译转载】【官方教程】Asp.Net MVC4入门指南(1): 入门介绍

1. Asp.Net MVC4 入门介绍 · 原文地址:http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/intro-to-aspnet-mvc-4 · 译文地址:http://www.cnblogs.com/powertoolsteam/archive/2012/11/01/2749906.html VS2012对应MVC4, 请确保工具正确. 前言 本教程将为您讲解使用微软的Visual Studi