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


JavaScript ArcGIS DefaultUI.move用法及代码示例


基本信息

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

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.move函数(或属性)的定义如下:

move (component, position) inherited


将一个或多个 UI 组件移动到指定位置。

参数:

规格:
类型说明

要移动的组件。该值可以是小部件实例、HTML 元素、表示 DOM 节点 ID 的字符串值或包含任何这些类型组合的数组。有关代码示例,请参阅下面的示例片段。或者,您可以传递具有以下规范的对象数组。

规格:

要移动的组件。这可以是小部件实例、HTML 元素、表示 DOM 节点 ID 的字符串值。

position

String

可选的

目的地位置。如果未提供该组件,该组件将被放置在 UI 容器中。如果不指定,则默认使用manual。使用 manual 允许您将组件放置在容器中,您可以使用 CSS 将其放置在任何位置。

可能的值"bottom-leading"|"bottom-left"|"bottom-right"|"bottom-trailing"|"top-leading"|"top-left"|"top-right"|"top-trailing"|"manual"

index

Number

可选的

组件的放置索引。该索引显示了相对于其他组件放置组件的位置。例如,当位置为 top-* 时,值为 0 会将其置于最顶部,最左表示左下,最右表示右下。

position String|Object
可选的

目的地位置。如果未提供该组件,该组件将被放置在 UI 容器中。

规格:
position

String

可选的

视图中添加组件的位置。如果未指定,则默认使用manual。使用 manual 允许您将组件放置在容器中,您可以使用 CSS 将其放置在任何位置。

可能的值"bottom-leading"|"bottom-left"|"bottom-right"|"bottom-trailing"|"top-leading"|"top-left"|"top-right"|"top-trailing"|"manual"

index

Number

可选的

组件的放置索引。该索引显示了相对于其他组件放置组件的位置。例如,当位置为 top-* 时,0 的值会将其放置在最顶部,最左边为左下角,最右边为右下角。

例子:

// Moves the BasemapToggle widget from the view if added.
// See the example for add() for more context
view.ui.move(toggle, "bottom-leading");
// Moves the default zoom widget to the bottom left corner of the view's container
view.ui.move("zoom", "bottom-left");
// Moves multiple widgets to the bottom right of the view's UI
view.ui.move([ compass, toggle, "zoom" ], "bottom-right");
// Moves the legend to the topmost position in the top-right corner of the view's UI.
view.ui.move({component: legend, position: "top-right", index: 0});

相关用法


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