Imagen vectorial como fragmento XAML reutilizable

Question

Quiero reutilizar algún fragmento XAML como imagen en alguna aplicación/biblioteca de WPF.

El fondo del problema es el siguiente:

Es fácil de reutilizar una imagen de mapa de bits en una aplicación de WPF. La imagen se puede agregar como un recurso, puedo usar <Image Source="packURI"/> en muchos lugares en XAML para que la imagen sea la misma.

Pero me gustaría tener la posibilidad de hacer lo mismo para una imagen vectorial. La imagen en sí misma se puede representar como Path, pero no puedo reutilizar el mismo Path como recurso, porque simplemente usarlo en varios lugares diferentes (y posiblemente desde varios subprocesos de IU) está prohibido (el elemento UI puede tener solo un padre lógico).

Por otra parte, la pregunta se vuelve más complicada si me gustaría construir la "imagen" de varios Path s, use un Canvas para ello. O algún código XAML arbitrario.

He intentado utilizar un Style para la Path, por lo que la imagen se representa de tal manera:

<Path Style={StaticResource VectorImage1}/> 

Ésta parece ser una forma reutilizable, pero me preocupan dos problemas:

1. Si la implementación de una imagen vectorial se cambia de Path a (por ejemplo) Canvas, tendré que reemplazarla no solo en el estilo, sino en todas partes del código fuente que lo usa.
2. La definición de una ruta utilizando un estilo parece ser demasiado detallada.
3. No veo forma de generalizar este enfoque para usar Canvas o código XAML arbitrario.
4. La sintaxis parece ser bastante antinatural.

Hay otra manera de tener un fragmento XAML reutilizable, a través de la definición de un UserControl, pero la definición de un control de usuario separada cada vector por parece ser una exageración.

¿Existe una manera mejor, agradable y correcta de definir un fragmento XAML reutilizable?

Answer 1

Puede agregar el atributo x: Shared al recurso de ruta de acceso y utilizarlo como StaticResource. Esto funcionará si los cambios "MyVectorImage" a algo más

actualización
Probablemente es mejor utilizar un ContentControl o similares como para ser capaz de añadir propiedades tales como el margen etc.

<Window.Resources> 
    <Path x:Key="MyVectorImage" 
      x:Shared="False" 
      Stroke="DarkGoldenRod" 
      StrokeThickness="3" 
      Data="M 10,20 C 10,25 40,35 40,17 H 28" 
      Stretch="Fill" 
      Width="100" 
      Height="40"/> 
</Window.Resources> 
<StackPanel> 
    <ContentControl Margin="10" Content="{StaticResource MyVectorImage}"/> 
    <ContentControl Margin="10" Content="{StaticResource MyVectorImage}"/> 
</StackPanel> 

Ejemplo. Reemplaza "MyVectorImage" con un StackPanel que contiene dos rutas.

<Window.Resources> 
    <StackPanel x:Key="MyVectorImage" 
       x:Shared="False"> 
     <Path Stroke="DarkGoldenRod" 
       StrokeThickness="3" 
       Data="M 10,20 C 10,25 40,35 40,17 H 28" 
       Stretch="Fill" 
       Width="100" 
       Height="40"/> 
     <Path Stroke="DarkGoldenRod" 
       StrokeThickness="3" 
       Data="M 10,20 C 10,25 40,35 40,17 H 28" 
       Stretch="Fill" 
       Width="100" 
       Height="40"/> 
    </StackPanel> 
</Window.Resources> 

Answer 2

Puede almacenar la ruta en un diccionario de recursos y establecer x: Compartida en false:

<Path x:Key="CrossPath" 
     x:Shared="false" 
     ... 
     /> 

Esto le dirá WPF para crear una nueva instancia cada vez que se solicita. http://msdn.microsoft.com/en-us/library/aa970778.aspx

Answer 3

Después de algunas investigaciones, existe una opción más: el uso de un DrawingImage como Source para una imagen. La fuente de imagen habitual es BitmapSource, sin embargo, también puede ser "gráficos vectoriales".

Aquí es an example:

<Image> 
    <Image.Source> 
    <DrawingImage PresentationOptions:Freeze="True"> 
     <DrawingImage.Drawing> 
     <GeometryDrawing> 
      <GeometryDrawing.Geometry> 
      <GeometryGroup> 
       <EllipseGeometry Center="50,50" RadiusX="45" RadiusY="20" /> 
       <EllipseGeometry Center="50,50" RadiusX="20" RadiusY="45" /> 
      </GeometryGroup> 
      </GeometryDrawing.Geometry> 
      <GeometryDrawing.Brush> 
      <LinearGradientBrush> 
       <GradientStop Offset="0.0" Color="Blue" /> 
       <GradientStop Offset="1.0" Color="#CCCCFF" /> 
      </LinearGradientBrush> 
      </GeometryDrawing.Brush> 
      <GeometryDrawing.Pen> 
      <Pen Thickness="10" Brush="Black" /> 
      </GeometryDrawing.Pen> 
     </GeometryDrawing> 
     </DrawingImage.Drawing> 
    </DrawingImage> 
    </Image.Source> 
</Image> 

produce una imagen agradable del vector tales:

Sin embargo, otra opción podría estar utilizando un DrawingBrush, al igual que en esta cuestión de forma: How to store and retrieve multiple shapes in XAML/WPF?.