topic Re: Legend grouplayer template in ArcGIS API for Silverlight Questions

Legend grouplayer template

evgeniykoryagin — Sat, 18 Jun 2011 11:35:21 GMT

i need to show map content (map layers) in tree mode, and each type of node (map, grouplayer, layer) must have its own icon.
right now i am using esri Legend control with defined MapLayerTemplate and LayerTemplate. so my grouplayers have the same icon as layers.
is there a way to set a template for grouplayer?
or maybe it is possible to use default silverlight TreeView control in this case?

Re: Legend grouplayer template

DominiqueBroux — Sat, 18 Jun 2011 11:54:02 GMT

The easier way is to use the LegendItemViewModel.ImageSource property.

Hookup an handler to event Legend.Refreshed and, by code, set the ImageSource in this handler (depending on the type of item).
Change the MapLayerTemplates and LayerTemplates to display this ImageSource.

Re: Legend grouplayer template

evgeniykoryagin — Sat, 11 Dec 2021 18:09:49 GMT

Can you help me with some code examples?
how to change MapLayerTemplates and LayerTemplates to display LayerItemViewModel's ImageSource?
Here are my templates:

<esri:Legend x:Name="mapLegend" Background="White" Width="Auto" 
                                        LayerItemsMode="Tree" ShowOnlyVisibleLayers="False" 
                                        Refreshed="Legend_Refreshed" HorizontalAlignment="Left">

                    <esri:Legend.MapLayerTemplate>                        
                        <DataTemplate>                            
                            <StackPanel Orientation="Horizontal" >
                                

                                <Image Source="/Neolant.TORIS.WebClient;component/Images/mapservice.png" Margin="0,0,2,0"
                                                   VerticalAlignment="Center" Width="20" Height="20"/>
<TextBlock Text="{Binding Label}" VerticalAlignment="Center" HorizontalAlignment="Center"/>

                            </StackPanel>
                        </DataTemplate>
                    </esri:Legend.MapLayerTemplate>


                    <esri:Legend.LayerTemplate>
                        <DataTemplate>                             
                            <StackPanel Orientation="Horizontal" >
                                <StackPanel.Resources>
                                    
                                <Image x:Name="imgLayerItem"
                                    Source="/Neolant.TORIS.WebClient;component/Images/layer.png" Margin="0,0,2,0"
                                                   VerticalAlignment="Center" Width="20" Height="20" />                                
                                <TextBlock Text="{Binding Label}" VerticalAlignment="Center" HorizontalAlignment="Center"
                                           Margin="0,0,0,0"/>
                                
                            </StackPanel>                            
                        </DataTemplate>                        
                    </esri:Legend.LayerTemplate>                            

                </esri:Legend>

Re: Legend grouplayer template

DominiqueBroux — Sat, 11 Dec 2021 18:09:52 GMT

In the LayerTemplate, instead of <Image x:Name="imgLayerItem"
Source="/Neolant.TORIS.WebClient;component/Images/layer.png" Margin="0,0,2,0"
VerticalAlignment="Center" Width="20" Height="20" />
use
<Image x:Name="imgLayerItem"
Source="{Binding ImageSource}" Margin="0,0,2,0"
VerticalAlignment="Center" Width="20" Height="20" />

Then you have to set the ImageSource by code: hook up an handler to Legend.Refreshed event.

private void Legend_Refreshed(object sender, Legend.RefreshedEventArgs e)
{
    if (e.LayerItem.LayerItems == null) return;
 
    foreach (var layerItem in e.LayerItem.LayerItems)
    {
        if (layerItem.IsGroupLayer)
            layerItem.ImageSource = new BitmapImage(new Uri("/Neolant.TORIS.WebClient;component/Images/group.png", UriKind.Relative));
        else
            layerItem.ImageSource = new BitmapImage(new Uri("/Neolant.TORIS.WebClient;component/Images/layer.png", UriKind.Relative));
    }
    // Note you could also set the ImageSource of e.LayerItem itself (e.g. depending on the type of map service), and you would have to change the MapLayerTemplate as well
}

Note : if you have more than one possible level of group layers, you'll have to enhance the code to go down the legend tree hierarchy

Re: Legend grouplayer template

evgeniykoryagin — Tue, 21 Jun 2011 07:36:07 GMT

just made it! everything works fine! thanks a lot!

Note : if you have more than one possible level of group layers, you'll have to enhance the code to go down the legend tree hierarchy

- Made recursive method for this!

Re: Legend grouplayer template

DominiqueBroux — Tue, 21 Jun 2011 07:41:13 GMT

just made it! everything works fine! thanks a lot!
- Made recursive method for this!

Recursive is the easiest option. I gave the 'Descendants' code in this thread http://forums.arcgis.com/threads/18999-How-do-I-get-the-selected-LegendItem