JavaScript ArcGIS Popup.dockOptions用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

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

ESM: import Popup from "@arcgis/core/widgets/Popup";

類： esri/widgets/Popup

繼承: Popup > Widget > Accessor

自從：用於 JavaScript 4.0 的 ArcGIS API

用法說明

Popup.dockOptions函數(或屬性)的定義如下：

dockOptions Object

停靠彈出窗口可以提供更好的用戶體驗，特別是在移動設備上的應用程序中打開彈出窗口時。當彈出窗口為 "dockEnabled" 時，意味著彈出窗口不再指向選定的要素或分配給它的位置。相反，它被放置在視圖的一角或視圖的頂部或底部。該屬性允許開發人員設置用於停靠彈出窗口的各種選項。

請參閱下麵的對象規範表以覆蓋彈出窗口上的默認停靠屬性。

屬性：

類型說明

breakpoint Object|Boolean

可選的

默認值：真的

定義停靠彈出窗口的View 的尺寸。設置為 false 以在斷點處禁用停靠。

規格：

width Number	可選的默認值：544 View 的最大寬度，彈出窗口將自動設置為 dockEnabled。
height Number	可選的默認值：544 View 的最大高度，彈出窗口將自動設置為dockEnabled。

buttonEnabled Boolean

可選的

如果 true ，顯示停靠按鈕。如果 false ，從彈出窗口中隱藏停靠按鈕。

position String|Function

可選的

默認值：汽車

停靠彈出窗口的視圖中的位置。可以設置為字符串或函數。請參閱下表，了解已知字符串值及其在視圖中基於視圖大小的位置。

已知值	視圖大小 > 斷點	視圖大小 < 斷點
auto	top-right	底部 100%
top-left	top-left	前 100%
top-center	top-center	前 100%
top-right	top-right	前 100%
bottom-left	bottom-left	底部 100%
bottom-center	bottom-center	底部 100%
bottom-right	bottom-right	底部 100%

如果在移動 UI 中查看彈出窗口，默認停靠位置是底部 100%。

例子：

view.popup.dockOptions = {
  // Disable the dock button so users cannot undock the popup
  buttonEnabled: false,
  // Dock the popup when the size of the view is less than or equal to 600x1000 pixels
  breakpoint: {
    width: 600,
    height: 1000
  }
};

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 Popup.dockOptions。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。