基本信息
以下是所在类或对象的基本信息。
AMD:
require(["esri/views/ui/DefaultUI"], (DefaultUI) => { /* code goes here */ });
ESM:
import DefaultUI from "@arcgis/core/views/ui/DefaultUI";
类:
esri/views/ui/DefaultUI
自从:用于 JavaScript 4.0 的 ArcGIS API
用法说明
DefaultUI 类公开了默认的 widget components 在 MapView 或 SceneView 中可用。此类还为 adding 、 moving 和 removing widgets 以及视图 UI 中的其他 HTML 组件提供了一个简单的 API。
您通常不必创建此类的新实例,因为默认实例在 SceneView 和 MapView 的 ui 属性中可用。
在视图的 UI 中添加或移动组件时,您可以指定位置。上部区域的小部件垂直堆叠,而下部区域的小部件水平堆叠。可用位置如下图所示。
add() 和move() 等方法可用于将小部件放置在 UI 的特定位置。在下图中,Search 和 BasemapToggle 小部件使用 add() 方法放置在视图中。
let searchWidget = new Search({ view: view });
let bmToggleWidget = new BasemapToggle({
view: view,
nextBasemap: "hybrid"
});
view.ui.add(searchWidget, "top-right");
view.ui.add(bmToggleWidget, "bottom-right");
如果您深入研究方法 add() 、 empty() 和 move() 的文档,您会注意到一些可能的值包括 "leading" 和 "trailing"。这是因为用于 Javascript 的 ArcGIS API 提供了双向支持。
对于从左到右 (LTR),"leading" 为左,"trailing" 为右。对于从右到左 (RTL),"leading" 为右,"trailing" 为左。
要启用从右到左 (RTL),请将 <html>
或 <body>
标记中的 dir
属性设置为 rtl
。
<html dir="rtl">
相关用法
- JavaScript esri/views/ui/DefaultUI.padding用法及代码示例
- JavaScript esri/views/ui/DefaultUI.find用法及代码示例
- JavaScript esri/views/ui/DefaultUI.components用法及代码示例
- JavaScript esri/views/ui/DefaultUI.add用法及代码示例
- JavaScript esri/views/ui/DefaultUI.remove用法及代码示例
- JavaScript esri/views/ui/DefaultUI.empty用法及代码示例
- JavaScript esri/views/ui/DefaultUI.move用法及代码示例
- JavaScript esri/views/ui/UI.remove用法及代码示例
- JavaScript esri/views/ui/UI.empty用法及代码示例
- JavaScript esri/views/ui/UI.add用法及代码示例
- JavaScript esri/views/ui/UI.padding用法及代码示例
- JavaScript esri/views/ui/UI.find用法及代码示例
- JavaScript esri/views/ui/UI.move用法及代码示例
- JavaScript esri/views/draw/DrawAction.on用法及代码示例
- JavaScript esri/views/draw/PolygonDrawAction cursor-update事件用法及代码示例
- JavaScript esri/views/MapView pointer-move事件用法及代码示例
- JavaScript esri/views/layers/support/FeatureFilter.where用法及代码示例
- JavaScript esri/views/layers/support/FeatureFilter.createQuery用法及代码示例
- JavaScript esri/views/interactive/snapping/SnappingOptions用法及代码示例
- JavaScript esri/views/layers/WFSLayerView.when用法及代码示例
- JavaScript esri/views/3d/environment/SunLighting用法及代码示例
- JavaScript esri/views/layers/CSVLayerView.queryObjectIds用法及代码示例
- JavaScript esri/views/draw/PolygonDrawAction vertex-add事件用法及代码示例
- JavaScript esri/views/layers/GeoJSONLayerView.queryObjectIds用法及代码示例
- JavaScript esri/views/SceneView hold事件用法及代码示例
注:本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 esri/views/ui/DefaultUI。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。