JavaScript ArcGIS OpacitySlider thumb-change事件用法及代码示例

基本信息

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

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 thumb-change事件的定义如下：

thumb-change inherited

当用户通过箭头键和键盘编辑小部件上的标签更改拇指值时触发。

属性：

类型	说明
index Number	发出事件的拇指的从 0 开始的索引。
oldValue Number	更改前的拇指前值。
type String	事件的类型。值永远是"thumb-change".
value Number	触发事件时拇指的值。

例子：

slider.on("thumb-change", function() {
  const renderer = layer.renderer.clone();
  const visualVariable = renderer.visualVariables[0].clone();
  colorVariable.stops = slider.stops;
  renderer.visualVariables = [ visualVariable ];
  layer.renderer = renderer;
});

相关用法

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