TimeSlider FeatureLayer

This sample displays a time aware local feature layer on the Map using an ESRI.ArcGIS.Client.Toolkit TimeSlider control. The Hurricanes are based on a local feature layer that has valid TimeExtents set and has a Class Breaks Renderer set using SimpleMarkerSymbols. To use the sample, adjust the minimum and maximum values on the TimeSlider to specify a range for hurricanes to display. Push the play button to automate the hurricanes on the map. It is also possible to use the forward and rewind buttons to manually cycle through the interval of hurricanes being displayed.

XAML

<UserControl x:Class="ArcGISWPFSDK.LocalTimeFeatureLayer"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:esri="http://schemas.esri.com/arcgis/client/2009">
    <Grid x:Name="LayoutRoot">
        <Grid.Resources>
            <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
            <esri:SimpleMarkerSymbol x:Key="MySmallMarkerSymbol" Color="Yellow" Size="8" Style="Circle" />
            <esri:SimpleMarkerSymbol x:Key="MyMediumMarkerSymbol" Color="Orange" Size="8" Style="Circle" />
            <esri:SimpleMarkerSymbol x:Key="MyLargeMarkerSymbol" Color="Red" Size="12" Style="Circle" />
            <esri:ClassBreaksRenderer x:Key="MyClassBreaksRenderer" Field="WINDSPEED" >
                <esri:ClassBreaksRenderer.Classes>
                    <esri:ClassBreakInfo MinimumValue="0" MaximumValue="50" Symbol="{StaticResource MySmallMarkerSymbol}" />
                    <esri:ClassBreakInfo MinimumValue="51" MaximumValue="99" Symbol="{StaticResource MyMediumMarkerSymbol}" />
                    <esri:ClassBreakInfo MinimumValue="100" MaximumValue="110" Symbol="{StaticResource MyLargeMarkerSymbol}" />
                </esri:ClassBreaksRenderer.Classes>
            </esri:ClassBreaksRenderer>
            <LinearGradientBrush x:Key="PanelGradient" EndPoint="0.5,1" StartPoint="0.5,0">
                <LinearGradientBrush.RelativeTransform>
                    <TransformGroup>
                        <ScaleTransform CenterY="0.5" CenterX="0.5"/>
                        <SkewTransform CenterY="0.5" CenterX="0.5"/>
                        <RotateTransform Angle="176" CenterY="0.5" CenterX="0.5"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </LinearGradientBrush.RelativeTransform>
                <GradientStop Color="#FF145787" Offset="0.16"/>
                <GradientStop Color="#FF3D7FAC" Offset="0.502"/>
                <GradientStop Color="#FF88C5EF" Offset="0.984"/>
            </LinearGradientBrush>
        </Grid.Resources>
        <esri:Map x:Name="MyMap" Extent="-15141796.142,113237.394,5976634.055,8887493.525" MinimumResolution="2445.98490512499" TimeExtent="{Binding ElementName=MyTimeSlider, Path=Value}"
           WrapAround="True">
            <esri:ArcGISLocalTiledLayer ID="BaseLayer" Path="..\\Data\\TPKs\\Topographic.tpk"/>
            <esri:ArcGISLocalFeatureLayer ID="HurricaneLayer"  Path="..\\Data\\MPKs\\TimeAwareHurricanes.mpk"  Renderer="{StaticResource MyClassBreaksRenderer}" 
 LayerName="TimeAwareHurricanes" OutFields="*" Initialized="ArcGISLocalFeatureLayer_Initialized">
                <esri:ArcGISLocalFeatureLayer.MapTip>
                    <Border CornerRadius="10" BorderBrush="Black" BorderThickness="1" Margin="0,0,15,15" Background="{StaticResource PanelGradient}">
                        <StackPanel Margin="7">
                            <TextBlock Text="{Binding [EVENTID]}" FontWeight="Bold" Foreground="White"  />
                            <StackPanel Orientation="Vertical">
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="WINDSPEED: " Foreground="White" />
                                    <TextBlock Text="{Binding [WINDSPEED]}" Foreground="White" />
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="STAGE: " Foreground="White" />
                                    <TextBlock Text="{Binding [STAGE]}" Foreground="White" />
                                </StackPanel>
                            </StackPanel>
                        </StackPanel>
                    </Border>
                </esri:ArcGISLocalFeatureLayer.MapTip>
            </esri:ArcGISLocalFeatureLayer>
        </esri:Map>
        <Grid HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,10,10,0" >
            <Rectangle Fill="{StaticResource PanelGradient}" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0,0,0,5" >
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <Border Background="#FFFFFFFF" BorderBrush="DarkGray" CornerRadius="5" Margin="10,10,10,15"
                    Width="250" HorizontalAlignment="Center" VerticalAlignment="Top" >
                <StackPanel Margin="5">
                    <TextBlock Text="Hurricanes" FontSize="16" HorizontalAlignment="Center" Foreground="Black"/>
                    <esri:TimeSlider x:Name="MyTimeSlider" Loop="True"
                        Height="20" TimeMode="TimeExtent"
                        MinimumValue="{Binding ElementName=MyMap, Path=Layers[HurricaneLayer].TimeExtent.Start, Mode=OneWay}" 
                        MaximumValue="{Binding ElementName=MyMap, Path=Layers[HurricaneLayer].TimeExtent.End, Mode=OneWay}">
                    </esri:TimeSlider>
                </StackPanel>
            </Border>
        </Grid>
        <ProgressBar x:Name="MyProgressBar" IsIndeterminate="True" VerticalAlignment="Bottom" Width="200" Height="20" Margin="10" Visibility="{Binding Path=IsBusy, Converter={StaticResource BooleanToVisibilityConverter}}"></ProgressBar>
    </Grid>
</UserControl>

C#

using System;
using System.Collections.Generic;
using System.Windows.Controls;
using ESRI.ArcGIS.Client;
using System.Windows.Data;
using ESRI.ArcGIS.Client.Toolkit;
using System.ComponentModel;


namespace ArcGISWPFSDK
{
    public partial class LocalTimeFeatureLayer : UserControl, INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private bool _isBusy = true;

        public bool IsBusy
        {
            get
            {
                return _isBusy;
            }
            set
            {
                _isBusy = value;

                if (PropertyChanged != null)
                {

                    PropertyChanged(this, new PropertyChangedEventArgs("IsBusy"));
                }
            }
        }    
    
        public LocalTimeFeatureLayer()
        {
            InitializeComponent();
        }

        private void ArcGISLocalFeatureLayer_Initialized(object sender, EventArgs e)
        {
            TimeExtent extent = new TimeExtent(MyTimeSlider.MinimumValue, MyTimeSlider.MaximumValue);
            MyTimeSlider.Intervals = TimeSlider.CreateTimeStopsByTimeInterval(extent, TimeSpan.FromDays(2));
            MyTimeSlider.Value = new TimeExtent(MyTimeSlider.MinimumValue, MyTimeSlider.MinimumValue.AddDays(2));
            DataContext = this;
            IsBusy = false;
        }
    }
}

VB.NET

Imports System.Collections.Generic
Imports System.Windows.Controls
Imports ESRI.ArcGIS.Client
Imports System.Windows.Data
Imports ESRI.ArcGIS.Client.Toolkit
Imports System.ComponentModel

Namespace ArcGISWPFSDK
    Partial Public Class LocalTimeFeatureLayer
        Inherits UserControl
        Implements INotifyPropertyChanged
        Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged
        Private _isBusy As Boolean = True
        Public Property IsBusy() As Boolean
            Get
                Return _isBusy
            End Get
            Set(value As Boolean)
                _isBusy = value

                RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs("IsBusy"))
            End Set
        End Property
        Public Sub New()
            InitializeComponent()
        End Sub

        Private Sub ArcGISLocalFeatureLayer_Initialized(sender As Object, e As EventArgs)
            Dim extent As New TimeExtent(MyTimeSlider.MinimumValue, MyTimeSlider.MaximumValue)
            MyTimeSlider.Intervals = TimeSlider.CreateTimeStopsByTimeInterval(extent, TimeSpan.FromDays(2))
            MyTimeSlider.Value = New TimeExtent(MyTimeSlider.MinimumValue, MyTimeSlider.MinimumValue.AddDays(2))
            DataContext = Me
            IsBusy = False
        End Sub
    End Class
End Namespace