重用 XAML DrawingImage 仅更改 PathGeometry LineSegments 的方法是什么？

Question

我的 WPF 应用程序中有三个按钮，我想要显示三角形图像。我没有使用 Shape 类，因为它对于我的需求来说太重量级了，所以我使用 DrawingImage 来代替。这是我的图像的标记（我会发布一个看起来干净的图像，但由于我是新手，所以还不能这样做）：

<Image>
    <Image.Source>
        <DrawingImage>
            <DrawingImage.Drawing>
                <GeometryDrawing Brush="LawnGreen">
                    <GeometryDrawing.Pen>
                        <Pen Brush="Black" Thickness="1" />
                    </GeometryDrawing.Pen>
                    <GeometryDrawing.Geometry>
                        <PathGeometry>
                            <PathFigure   IsClosed="True">
                                <LineSegment Point="-10, 20" />
                                <LineSegment Point="30, 20" />
                            </PathFigure>
                        </PathGeometry>
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
            </DrawingImage.Drawing>
        </DrawingImage>
    </Image.Source>
</Image>

这是第一个按钮的图像 - 一个不等边三角形，其峰值位于左侧。其他两个按钮的 XAML 几乎相同 - 唯一的变化是线段点分别在其轴的中间和右侧的峰值略有不同。

如何在没有特定线段坐标的情况下为我的 Image.Source->DrawingImage 做出一个声明，然后执行类似的操作

<Button>  
    <Image Source="MyGenericDrawingImage">  
        <!--*Fill in the PathGeometry>PathFigure> LineSegment coordinates for each button-->  
    </Image>  
</Button>

这看起来比必须将几乎相同的代码块全部相邻转储要干净得多。

Answer 1

我知道这已经过时了，但这是我使用的解决方案。我将路径几何图形设置为资源，并将其引用为样式（非常适合重复使用）。要使箭头指向侧面，请重复使用相同的图标并将其旋转 90 度。

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:sys="clr-namespace:System;assembly=mscorlib">

<Page.Resources>
  <sys:String x:Key="Icon_ArrowDown">
          F1 M 4.439,0.000 L 2.219,3.112 L 0.000,0.000 L 4.439,0.000 Z
      </sys:String>
</Page.Resources>

<StackPanel> 

<Button>
   <Path Data="{StaticResource  Icon_ArrowDown}" Fill="Red" />
</Button>

<Button>
    <Path Data="{StaticResource Icon_ArrowDown}" Fill="Red" />
        <Path.RenderTransform>
            <CompositeTransform Rotation="-90"/>
        </Path.RenderTransform>
    </Path>
</Button>

</StackPanel>
</Page>

Answer 2

除非你有完全对​​称、缩放、旋转的几何图形（等等），否则你将不得不对数据进行某种修改以避免“重复”。如果不全等，它确实是不同的几何形状。

也就是说，您也许能够在代码中编辑数据并使用数据绑定来获取编辑后的值。

以下是有关如何将路径数据绑定到视图模型中指定的几何图形的一些信息：

路径绘制与数据绑定