近日,由Esri北京研發中心推出的新產品:【ArcGIS Experience Builder Beta】(下文簡稱EXB)已經正式上線(包括Online Edition和 Developer Edition),不需一行代碼,只要通過拖拽操作就能輕鬆配出複雜應用。
簡而言之,EXB就是原有Web AppBuilder for ArcGIS(下文簡稱WAB)的火力增強版。
Site-提供對已有Experience、Template、Theme等的管理功能。
Builder-提供對Experience(Beta已上線)、Template、Theme等的build功能。
Experience-最終用戶所看到的產品App或Pages。
Builder - build experience
1.支持多頁面應用
2.支持Template模板
3.提供頁面Layout布局的編輯功能
4.支持根據設備屏幕尺寸配置最佳適配的布局
5.支持非地圖的常規應用,也可以引入地圖widget實現複雜交互式應用(2d/3d都可以啦)
6.支持通過配置的方式實現widgets之間通訊
Tips:已提供部分基礎的themes、widgets,後續會持續更新。
點擊https://experience.arcgis.com/
打開官網首頁,輸入帳號開啟實戰之旅(沒有帳號的小夥伴可以申請Esri的產品試用)。
App builder是EXB最核心的功能,下面讓我們來一步步的介紹下布局和基本概念,為接下來的實戰演習做好準備.
Header位於builder的最上方,主要包括以下幾個功能:
1.設置應用名稱
2.操作Undo、Redo
3.保存Save
4.預覽Preview
5.發布Public
6.創建新應用Create New
Toolbar正位於Header下方,主要包括以下幾個功能:
1.模式切換:Large / Medium / Small screen devices,可以基於大屏幕應用自動生成,也可以自定義當前模式下的布局。
2.設置canvas畫布尺寸
3.實時展示Live view: 實時查看當前應用在發布後的效果。
Tips:當選中某個widget時,可以看到全部或部分操作:對齊方式、前後置關係、剪切到pending widget list、刪除。
每個頁面有一個canvas畫布,可以拖拽widgets進來進行布局排版和功能設計。
當選中page,或某個widget時,right sidebar顯示該控制項的設置面板,提供以下功能:
1.設置content內容,包括屬性、數據綁定等
2.設置style樣式
3.設置Action事件
Tips1:上述sidebar只提供常規設置,某些widget特有的設置功能會保留其邊框上,如Text widget:
Tips2:用戶在編輯某個widget時,如果需要臨時剪切出去(想保留其配置信息),可以使用Toolbar中的剪切至Pending功能,從而將其保存在Pending panel。
位於builder的左側邊欄,包括四類功能:
1.Page panel
2.Data panel
3.Theme panel
4.Widget panel
添加多頁面、 連結、 文件夾,可以通過拖拽來改變其位置。
Tips: 每一個頁面都可以獨立設置Full Screen App/ Scrolling Page。在添加新頁面時需要選擇當前頁面預期的布局方式。
目前支持了四個theme 色值,以後還會推出各種的自定義權限給用戶。
點擊Add data, 打開數據添加模塊。目前共支持四種數據:
Web Map
Web scene
Feature Layer
Feature Layer from URL
三個渠道獲取數據源:
My content, My organization, Public
打開widget panel,可以看到widgets的支持列表。目前多為一些基礎功能,後續版本中會持續加入新的widgets。操作非常簡單,直接選中widget進行拖拽到canvas即可。
Section - 支持定製多個視圖內容的容器,常常與navigator widget組合使用。
Map - 支持1~2個地圖(web map、web scene)。可以設置常用map工具,例如縮放,定位,縮放欄和查找位置。此外還支持觸發器Trigger,使用觸發器實現多個Map之間的通信和同步。
Image - 支持本地文件上傳,及URL方式添加圖片外,還可以基於數據綁定支持動態圖像。支持多種圖片編輯功能,如更改框架形狀,自定義裁剪圖片,設置顏色/邊框/陰影等。
Text- 支持靜態文本和動態文本。以富文本編輯器的方式提供,允許自定義文本樣式。
Button - 支持添加靜態或動態的按鈕/連結。允許自定義樣式。
List - 支持用戶自定義列表,提供集中模板供用戶選擇,也可以自定義圖文列表。
Embed- 允許使用URL方式,或html代碼方式嵌入資源。
Menu - 實現多頁面之間的導航菜單。可以設置多種布局和樣式。
Navigator - 支持Section widget中多個視圖之間的切換。
Survey - 與Survey123 for ArcGIS產品集成,可以創建新survey或引入已有數據。
Layout Widget - 對多個widget的排版布局設置,目前包括Row、Column,Fixed Panel、Horizontal Sidebar、Vertical Sidebar幾種。
創建一個新應用的基本步驟如下:
1.選擇布局模板
2.選擇顏色主題
3.設置數據源
4.添加widget實現頁面布局
5.添加新頁面/link,重複步驟5
6.保存並發布
至此,相信大家對概念和功能已有了一定認識。因為篇幅限制,特定為同學們錄製了操作視頻,快跟著小編一起配置起來吧!
Experience-Part-1:
Experience-Part-2:
Tips: 謝謝我們的產品工程師David(EXB team)提供視頻教程。
官網:
https://experience.arcgis.com/
產品概述:
https://www.esri.com/en-us/arcgis/products/arcgis-experience-builder/overview
Beta版試用 (Online Edition, Developer Edition):
https://www.esri.com/en-us/arcgis/products/arcgis-experience-builder/overview#trybeta
答疑解惑專區:
https://www.esri.com/en-us/arcgis/products/arcgis-experience-builder/faqs-resources
歡迎您的產品反饋:
https://community.esri.com/community/arcgis-experience-builder
更多精彩博文
What You Need to Know About this Beta - David:
https://community.esri.com/docs/DOC-13726
Create a New Experience - David:
https://community.esri.com/docs/DOC-13727
Get Started with ArcGIS Experience Builder Developer Edition - Jianxia:
https://community.esri.com/docs/DOC-13731