Skip To Content ArcGIS for Developers Sign In Dashboard

TimeSlider QML Type

The slider provides a user interface for manually setting or animating changes to the current time extent of the geoView. More...

Import Statement: import .
Since: Esri.ArcGISRutime 100.3

Properties

Signals

Detailed Description

A time slider can be bound to a geoView (mapView or sceneView) to allow filtering on temporal data.

The time extents of all layers in the map will be used to set up the slider with the full temporal range and the current time extent.

Here is an example of how to use this control from QML.

// import the toolkit
import Esri.ArcGISRuntime.Toolkit.QmlAPI 100.3
...

// add a mapView component (the geoView)
MapView {
    anchors.fill: parent
    id: mapView

    Map {
        ...
    }

    // declare a TimeSlider and bind it to the geoView
    TimeSlider {
        id: timeSlider
        anchors {
            left: mapView.left
            right: mapView.right
            bottom: mapView.attributionTop
        }

        geoView: mapView
    }
}

Property Documentation

animateReverse : bool

/internal


backgroundColor : color

The opacity of the background rectangle.


backgroundOpacity : real

The opacity of the background rectangle.


currentExtentFillColor : color

The color for portion of the slider covering the current time extent.

The default is "black".


currentExtentLabelFormat : var

The format for displaying Date values for the current time extent. - for example "yy/MM/dd".

The default is Qt.DefaultLocaleShortDate.

See also Qt.formatDateTime.


endTimePinned : bool

Whether the end time of the time window can be manipulated

The default is "false".


fontFamily : string

The font family for text on this tool.

The default is "helvetica".


fullExtentFillColor : color

The color for the full extent of the slider.

The default is "darkgray".


fullExtentLabelFormat : var

The format for displaying Date values for the full time extent, for example "yy/MM/dd".

The default is Qt.DefaultLocaleShortDate.

See also Qt.formatDateTime.


geoView : GeoView

The GeoView for this tool. Should be a SceneView or a MapView.

This property is the entry point for the time extent of the geoView itself and also for any layers which support time.

Note: this property must be set for the TimeSlider control to function correctly.


labelMode : int

How to apply labels to the Slider.

Valid options are:

The default is labelModeThumbs.


[read-only] labelModeNone : int


[read-only] labelModeThumbs : int


[read-only] labelModeTicks : int


labelSliderTickInterval : int

The interval at which slider ticks should be labelled

The default is 20.


needsRestart : bool

/internal


pixelSizeInDips : int

The font size of for text on this tool in device independant pixels (DIPS).

The default value is 12.


playbackInterval : int

The amount of time (in milliseconds) during playback that will elapse before the slider advances to the next time step

The default is 500.


playbackLoop : bool

Whether to loop when the animation reaches the end of the slider.

The default is "true".


playbackReverse : bool

Whether to reverse the animation direction when the animation reaches the end of the slider.

Note: This property has no effect if playbackLoop is false.

The default is "false".


radius : real

The radius of the background rectangle.


startTimePinned : bool

Whether the start time of the time window can be manipulated

The default is "false".


textColor : color

The color of coordinate notation text and labels on this tool.

The default value is "black".


thumbBorderColor : color

The color for the border of the slider thumb controls.

The default is "black".


thumbFillColor : color

The color for the slider thumb controls.

The default is "white".


timeStepIntervalLabelFormat : var

The date format for displaying time step intervals - for example "yy/MM/dd".

The default is Qt.DefaultLocaleShortDate.

See also Qt.formatDateTime.


Signal Documentation

currentExtentChanged()



Feedback on this topic?