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

基本信息

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

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

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

类： esri/views/ui/UI

继承: UI > Accessor

子类： DefaultUI

自从：用于 JavaScript 4.0 的 ArcGIS API

用法说明

UI.move函数(或属性)的定义如下：

move (component, position)

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

参数：

规格：

类型说明

component Widget|HTMLElement|String|Object|Array

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

规格：

component Widget\|HTMLElement\|String	要移动的组件。这可以是小部件实例、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大神的英文原创作品 UI.move。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。