JavaScript ArcGIS OpacitySlider segment-drag事件用法及代碼示例

基本信息

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

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

ESM: import OpacitySlider from "@arcgis/core/widgets/smartMapping/OpacitySlider";

類： esri/widgets/smartMapping/OpacitySlider

繼承: OpacitySlider > SmartMappingSliderBase > Widget > Accessor

自從：用於 JavaScript 4.12 的 ArcGIS API

用法說明

OpacitySlider segment-drag事件的定義如下：

segment-drag inherited

自從：ArcGIS 適用於 JavaScript 4.20 的 API

當用戶拖動滑塊的一部分時觸發。線段是軌道中位於兩個拇指之間的部分。僅當 visibleElements.interactiveTrack 為 true 時才適用。

屬性：

類型	說明
index Number	滑塊中段的從 1 開始的索引。
state String	拖動的狀態。可能的值："start"\|"drag"
type String	事件的類型。值永遠是"segment-drag".
thumbIndices Number []	片段每一端的拇指索引。

例子：

slider.on("segment-drag", () => {
  const renderer = layer.renderer.clone();
  const visualVariable = renderer.visualVariables[0].clone();
  colorVariable.stops = slider.stops;
  renderer.visualVariables = [ visualVariable ];
  layer.renderer = renderer;
});

相關用法

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