| 包 | com.supermap.web.components |
| 类 | public class TimeSlider |
| 继承 | TimeSlider spark.components.supportClasses.SkinnableComponent |
该控件能够动画播放要素(或图像)在不同时间的不同显示状态。如洪水淹没模型,就可使用该控件来动态显示在未来不同时间段洪水的淹没状态。其中被播放的要素(或图像)数据封装于 TimeData 类。TimeSlider 的默认外观如下:

另请参见
| 属性 | 定义方 | ||
|---|---|---|---|
| isAccumulatedDisplay : Boolean
获取或设置是否叠加显示播放内容(即要素)。默认为 false 表示不叠加显示。.
|
TimeSlider | ||
| layer : Layer
[write-only] 设置与时间轴关联的要素图层FeaturesLayer或高性能矢量渲染图层GraphicsLayer(分别对应TimeData里面的数据集合为Feature[]和Graphic[])。
|
TimeSlider | ||
| nextButton : ButtonBase
获取或设置时间轴的下一帧播放按钮。
|
TimeSlider | ||
| playPauseButton : ToggleButtonBase
获取或设置时间轴的停止播放按钮。
|
TimeSlider | ||
| previousButton : ButtonBase
获取或设置时间轴的上一帧播放按钮。
|
TimeSlider | ||
| slider : Slider
获取或设置时间轴的滑动条。
|
TimeSlider | ||
| timeData : TimeData
获取或设置用于播放的附有时间信息的数据——TimeData 对象。
|
TimeSlider | ||
| timeDelay : Number
获取或设置上一帧与下一帧播放的时间间隔,默认为 1000 毫秒。
|
TimeSlider | ||
| timeStops : Array
TimeSlider 播放过程中,每一帧对应的要素(或图像)时间信息—— Date 类型。每个被播放的要素(或图像)均具有一个时间信息,用于控制播放的先与后。详情请参见 TimeData。
|
TimeSlider | ||
| 方法 | 定义方 | ||
|---|---|---|---|
|
初始化 TimeSlider 类的新实例。
|
TimeSlider | ||
|
createTimeStopsByCount(startDate:Date, endDate:Date, count:int = 10):Array
根据播放数据及指定的动画个数创建动画侦。
|
TimeSlider | ||
|
next():void
后一帧。
|
TimeSlider | ||
|
pause():void
暂停。
|
TimeSlider | ||
|
play():void
播放。
|
TimeSlider | ||
|
previous():void
前一帧。
|
TimeSlider | ||
| 事件 | Summary | 定义方 | ||
|---|---|---|---|---|
| 当时间轴的播放时间发生改变时触发该事件。 | TimeSlider | |||
| isAccumulatedDisplay | 属性 |
isAccumulatedDisplay:Boolean
获取或设置是否叠加显示播放内容(即要素)。默认为 false 表示不叠加显示。.
叠加显示是指上一帧播放的要素与下一帧要素(图像)叠加显示;不叠加显示表示仅显示当前帧播放的要素。当该属性设为 true 时,表示不叠加显示。
默认值为: false.
public function get isAccumulatedDisplay():Boolean public function set isAccumulatedDisplay(value:Boolean):void| layer | 属性 |
layer:Layer [write-only]
设置与时间轴关联的要素图层FeaturesLayer或高性能矢量渲染图层GraphicsLayer(分别对应TimeData里面的数据集合为Feature[]和Graphic[])。
public function set layer(value:Layer):void| nextButton | 属性 |
nextButton:ButtonBase
获取或设置时间轴的下一帧播放按钮。
public function get nextButton():ButtonBase public function set nextButton(value:ButtonBase):void| playPauseButton | 属性 |
playPauseButton:ToggleButtonBase
获取或设置时间轴的停止播放按钮。
public function get playPauseButton():ToggleButtonBase public function set playPauseButton(value:ToggleButtonBase):void| previousButton | 属性 |
previousButton:ButtonBase
获取或设置时间轴的上一帧播放按钮。
public function get previousButton():ButtonBase public function set previousButton(value:ButtonBase):void| slider | 属性 |
slider:Slider
获取或设置时间轴的滑动条。
public function get slider():Slider public function set slider(value:Slider):void| timeData | 属性 |
timeData:TimeData
获取或设置用于播放的附有时间信息的数据——TimeData 对象。
public function get timeData():TimeData public function set timeData(value:TimeData):void| timeDelay | 属性 |
timeDelay:Number
获取或设置上一帧与下一帧播放的时间间隔,默认为 1000 毫秒。
public function get timeDelay():Number public function set timeDelay(value:Number):void| timeStops | 属性 |
timeStops:Array
TimeSlider 播放过程中,每一帧对应的要素(或图像)时间信息—— Date 类型。每个被播放的要素(或图像)均具有一个时间信息,用于控制播放的先与后。详情请参见 TimeData。
public function get timeStops():Array public function set timeStops(value:Array):void| TimeSlider | () | 构造函数 |
public function TimeSlider()
初始化 TimeSlider 类的新实例。
| createTimeStopsByCount | () | 方法 |
public function createTimeStopsByCount(startDate:Date, endDate:Date, count:int = 10):Array
根据播放数据及指定的动画个数创建动画侦。
参数
startDate:Date — 附有时间信息的要素(或图像)数据。 |
|
endDate:Date — 动画个数。 |
|
count:int (default = 10) |
Array |
| next | () | 方法 |
public function next():void
后一帧。
| pause | () | 方法 |
public function pause():void
暂停。
| play | () | 方法 |
public function play():void
播放。
| previous | () | 方法 |
public function previous():void
前一帧。
| timeChange | 事件 |