Howto: 使用ImageBrush替换PictureMarkerSymbol以加强graphic显示性能

转载

mb5ff2f31984205 2013-10-10 16:56:00

文章标签 控件 microsoft 客户化 xml 图片资源 文章分类 代码人生

软件： ArcGIS API for Microsoft Silverlight/WPF 9.3.1

操作系统： N/A

摘要：

ArcGIS API for Microsoft Silverlight/WPF 包含一个PictureMarkerSymbol 类，使用一个图片图标来渲染graphic点. 象API中的其它符号一样，它的内容通过一个控件模板定义。

PictureMarkerSymbol 控件模板定义如下：

<ControlTemplate xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
      <Image Source="{Binding Symbol.Source}"
            Opacity="{Binding Symbol.Opacity}"
            Stretch="Fill"
            Width="{Binding Symbol.Width}"
            Height="{Binding Symbol.Height}" />
</ControlTemplate>

当分配给一个graphic时（例如，Graphic.Symbol）,一个Image控件实例被创建。如果同一个picture marker symbol被分配给500个graphic点，图片就被解码500次。导致的结果，初始graphic渲染将变得相对缓慢。尽管符号被绑定到一个图片资源，并且因此在500个graphics中共享（仅下载一次），但是图片解码不会共享。

为了减少与PictureMarkerSymbol使用的Image控件相关的经常开销，使用ImageBrush为符号创建一个客户化控件模板。

说明描述了如何使用ImageBrush替代PictureMarkerSymol以加强graphic的显示性能。

内容：

从一个拥有Fill属性,可以被设置为任何类型brush的容器（例如，Rectangle）入手。使用ImageBrush来引用目标图片（image），以便用来符号化graphics。ImageBrush负责解码图片，因此它可以在所有将使用它的graphic要素中共享。那么，当客户化符号被分配给500个graphic点时，500个矩形实例将被创建（正如模板中定义的），但是只有一个Image Brush被生成。下面是用于符号的基础控件模板：

<ControlTemplate
      xmlns="http://schemas.microsoft.com/client/2007"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
      <Rectangle Fill="{Binding Symbol.Fill}"
            Opacity="{Binding Symbol.Opacity}"
            Width="{Binding Symbol.Width}"
            Height="{Binding Symbol.Height}" />
</ControlTemplate>

从使用包含在ArcGIS API for Microsoft Silverlight/WPF 中的MarkerSymbol类，或者从scratch创建一个新的客户化符号入手。无论是哪种情况，客户化marker 符号类都应该有一个公共的Fill属性，它可以被用于绑定到刷子。这里仅是一个示例，显示如何为MarkerSymbol类定义一个客户化控件模板：

<Grid.Resources>
    <ImageBrush ImageSource="/images/i_pushpin.png" x:Name="MyImageBrush" />
    <esriSymbols:MarkerSymbol x:Name="MyPictureMarker" OffsetX="10" OffsetY="10">
    <esriSymbols:MarkerSymbol.ControlTemplate>
        <ControlTemplate>
        <Rectangle Fill="{StaticResource MyImageBrush}"
                Opacity="0.75" Width="20" Height="20" />
        </ControlTemplate>
    </esriSymbols:MarkerSymbol.ControlTemplate>
    </esriSymbols:MarkerSymbol>
</Grid.Resources>