当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript esri/views/ui/DefaultUI用法及代码示例


基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/views/ui/DefaultUI"], (DefaultUI) => { /* code goes here */ });

ESM: import DefaultUI from "@arcgis/core/views/ui/DefaultUI";

类: esri/views/ui/DefaultUI

继承: DefaultUI > UI > Accessor

自从:用于 JavaScript 4.0 的 ArcGIS API

用法说明

DefaultUI 类公开了默认的 widget componentsMapViewSceneView 中可用。此类还为 addingmovingremoving widgets 以及视图 UI 中的其他 HTML 组件提供了一个简单的 API。

您通常不必创建此类的新实例,因为默认实例在 SceneViewMapViewui 属性中可用。

在视图的 UI 中添加或移动组件时,您可以指定位置。上部区域的小部件垂直堆叠,而下部区域的小部件水平堆叠。可用位置如下图所示。

views-ui-layout

add()move() 等方法可用于将小部件放置在 UI 的特定位置。在下图中,SearchBasemapToggle 小部件使用 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");

views-ui-demo

如果您深入研究方法 add()empty()move() 的文档,您会注意到一些可能的值包括 "leading" 和 "trailing"。这是因为用于 Javascript 的 ArcGIS API 提供了双向支持。

对于从左到右 (LTR),"leading" 为左,"trailing" 为右。对于从右到左 (RTL),"leading" 为右,"trailing" 为左。

要启用从右到左 (RTL),请将 <html><body> 标记中的 dir 属性设置为 rtl

<html dir="rtl">

相关用法


注:本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 esri/views/ui/DefaultUI。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。