WPF中的几何绘图

时间:2014-03-23 10:43:51

标签: wpf pathgeometry

我对所有这些几何部分都是新手,但我可以看到它让我能够基本上绘制任何我想要的东西。我找不到一本好的手册,教我如何创造我头脑中的任何图像。我真的希望找到一位能为我提取几何数据的画家,但到目前为止还没有运气。

例如,我在网上找到了这个:

<Geometry x:Key="MagnifierIconGeometry">M44,12 C32,12 22,22 22,34 22,46 32,56 44,56 56,56 66,46 66,34 66,22 56,12 44,12z M44,0 C63,0 78,15 78,34 78,53 63,68 44,68 40,68 36.5,67.5 33,66 L32.5,66 14,90 0,79.5 18,55.5 17,55 C13,49 10,42 10,34 10,15 25,0 44,0z</Geometry>

你可以通过名字告诉它绘制什么,但我想知道如何自己做?

如果有人能指出我的手册/任何类型的程序都会很棒!

感谢。

1 个答案:

答案 0 :(得分:5)

要显示矢量图形,在这种情况下,您可以使用Path,如下所示:

<Window.Resources>
    <Geometry x:Key="MagnifierIconGeometry">M44,12 C32,12 22,22 22,34 22,46 32,56 44,56 56,56 66,46 66,34 66,22 56,12 44,12z M44,0 C63,0 78,15 78,34 78,53 63,68 44,68 40,68 36.5,67.5 33,66 L32.5,66 14,90 0,79.5 18,55.5 17,55 C13,49 10,42 10,34 10,15 25,0 44,0z</Geometry>
</Window.Resources>

<Grid>
    <Path Data="{StaticResource MagnifierIconGeometry}" 
          Width="30" 
          Height="30" 
          Fill="Aqua"
          Stretch="Fill" />
</Grid>

Output

enter image description here

  

更多信息

有关详细信息,请参阅:

MSDN: Shapes and Basic Drawing in WPF Overview

Charles Petzold: Vector Graphics and the WPF Shape Class

Graphics in WPF

  

矢量图像来源

www.modernuiicons.com包含大量可在应用程序中使用的矢量图像。

  

使用矢量图像的程序

要使用矢量图形,您可以使用Microsoft Expression Blend

MSDN: Drawing overview

Convert SVG to XAML and use it in Silverlight or WPF