I have been thinking ways to leverage both Accelerated and non-Accelerated layers with graphics to work together to gain most of the performance out from drawing, so this is very interesting topic.Since AcceleratedLayers does not support ControlTemplates so visual states and animations are out of the picture which makes ie. Selected state indication quite hard. So far the best solution that I have used is to work simultaneously with one accelerated layer and one normal layer and changing the graphic from layer to layer when selected. I haven't checked the performance with huge amount of graphics but this way I can use accelerated graphics when the graphic is in normal state and use animation when it is selected.What do you guys think about this approach?In this test I baked mouse click on the graphic in ViewModel to keep things simple and on click I change collection accordingly if the graphic is selected or not.
<Window.Resources>
<esri:SimpleRenderer x:Key="MySimpleRenderer">
<esri:SimpleRenderer.Symbol>
<esri:SimpleMarkerSymbol Color="Black" Size="10"/>
</esri:SimpleRenderer.Symbol>
</esri:SimpleRenderer>
<esri:SimpleRenderer x:Key="SelectedRenderer">
<esri:SimpleMarkerSymbol>
<esri:SimpleMarkerSymbol.ControlTemplate>
<ControlTemplate>
<Grid Margin="-19,-19,0,0">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Selected">
<Storyboard RepeatBehavior="Forever">
<DoubleAnimation BeginTime="0"
Storyboard.TargetName="ellipse" Storyboard.TargetProperty="RenderTransform.(ScaleTransform.ScaleX)"
From="1" To="10" Duration="00:00:01" />
<DoubleAnimation BeginTime="0"
Storyboard.TargetName="ellipse" Storyboard.TargetProperty="RenderTransform.(ScaleTransform.ScaleY)"
From="1" To="10" Duration="00:00:01" />
<DoubleAnimation BeginTime="0"
Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)"
From="1" To="0" Duration="00:00:01" />
</Storyboard>
</VisualState>
<VisualState x:Name="Unselected" />
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Ellipse x:Name="ellipse" Width="10" Height="10" Stroke="Red" StrokeThickness="1" IsHitTestVisible="False" RenderTransformOrigin="0.5,0.5" >
<Ellipse.RenderTransform>
<ScaleTransform />
</Ellipse.RenderTransform>
<Ellipse.Fill>
<RadialGradientBrush>
<GradientStop Color="#00FF0000" />
<GradientStop Color="#FFFF0000" Offset="0.25"/>
<GradientStop Color="#00FF0000" Offset="0.5"/>
<GradientStop Color="#FFFF0000" Offset="0.75"/>
<GradientStop Color="#00FF0000" Offset="1"/>
</RadialGradientBrush>
</Ellipse.Fill>
</Ellipse>
<Ellipse Fill="Red" Width="38" Height="38" Stroke="White" StrokeThickness="1"/>
</Grid>
</ControlTemplate>
</esri:SimpleMarkerSymbol.ControlTemplate>
</esri:SimpleMarkerSymbol>
</esri:SimpleRenderer>
</Window.Resources>
<Grid>
<esri:Map>
<esri:Map.Resources>
<local:DataContextProxy x:Key="proxy" Data="{Binding}"/>
</esri:Map.Resources>
<esri:AcceleratedDisplayLayers>
<esri:ArcGISTiledMapServiceLayer ID="PhysicalTiledLayer"
Url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"/>
<esri:GraphicsLayer ID="MyGraphicsLayer"
GraphicsSource="{Binding Path=Data.SearchResults, Source={StaticResource proxy}}"
Renderer="{StaticResource MySimpleRenderer}" />
</esri:AcceleratedDisplayLayers>
<esri:GraphicsLayer ID="SelectedGraphics"
GraphicsSource="{Binding Path=Data.SelectedGraphics, Source={StaticResource proxy}}"
Renderer="{StaticResource SelectedRenderer}">
</esri:GraphicsLayer>
</esri:Map>
</Grid>
Edit: Added image[ATTACH=CONFIG]16563[/ATTACH]
