Question

现在很多图形设计师都将图像提供为xaml文件而不是ico，png，...，如何使用xaml文件作为图像源？

由于

Answer 1

<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>

您可以将它作为静态资源引用，而不是在GeometryDrawing中添加内容。

<Image>
  <Image.Source>
    <DrawingImage PresentationOptions:Freeze="True" 
                  Drawing="{StaticResource myDrawing}">
  </Image.Source>
</Image>

您还会发现只能以这种方式显示绘图。因此，如果您希望此图像在多个位置的UI中显示，请将Image放在控件模板中，并使用模板为控件设置样式。

Answer 2

非常感谢，这个方法我知道，我的问题是当我有100个xaml图形文件由设计师提供时会发生什么，现在我必须从每个文件中提取内容以移动资源字典并设置密钥每。我只想问一个更简单的方法。

Answer 3

再次感谢所有人。

我有一个这样的图形

<Viewbox xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Width="128" Height="128">
  <Canvas Width="10240" Height="10240">
	 <Path Data="M5986 6814l828 -828c124,-124 328,-124 452,0l2428 2428c124,124 124,328 0,452l-828 828c-124,124 -328,124 -452,0l-2428 -2428c-124,-124 -124,-328 0,-452z" Fill="#EDC87E"/>
	 <Path Data="M6082 5442l412 412 -640 640 -412 -412c-534,401 -1197,638 -1916,638 -1764,0 -3194,-1430 -3194,-3194 0,-1764 1430,-3194 3194,-3194 1764,0 3194,1430 3194,3194 0,719 -237,1382 -638,1916zm-2556 -4471c-1411,0 -2555,1144 -2555,2555 0,1411 1144,2555 2555,2555 1411,0 2555,-1144 2555,-2555 0,-1411 -1144,-2555 -2555,-2555z" Fill="#808080"/>
  </Canvas>
</Viewbox>

作为内容控件的内容，这可以非常简单，但对于需要使用Image源的控件，我不能将其转换为：

 <DrawingImage>
            <DrawingImage.Drawing>
                <DrawingGroup>
                    <DrawingGroup.Children>
                        <GeometryDrawing  Geometry="M5986 6814l828 -828c124,-124 328,-124 452,0l2428 2428c124,124 124,328 0,452l-828 828c-124,124 -328,124 -452,0l-2428 -2428c-124,-124 -124,-328 0,-452z" Brush="#EDC87E">
                            <GeometryDrawing.Pen>
                                <Pen Thickness="1000" Brush="Blue"></Pen>
                            </GeometryDrawing.Pen>
                        </GeometryDrawing>
                        <GeometryDrawing  Geometry="M6082 5442l412 412 -640 640 -412 -412c-534,401 -1197,638 -1916,638 -1764,0 -3194,-1430 -3194,-3194 0,-1764 1430,-3194 3194,-3194 1764,0 3194,1430 3194,3194 0,719 -237,1382 -638,1916zm-2556 -4471c-1411,0 -2555,1144 -2555,2555 0,1411 1144,2555 2555,2555 1411,0 2555,-1144 2555,-2555 0,-1411 -1144,-2555 -2555,-2555z" Brush="#808080"/>
                    </DrawingGroup.Children>
                </DrawingGroup>
            </DrawingImage.Drawing>
        </DrawingImage>

琐碎的工作:(

XAML图形矢量作为图像源

3 个答案: