如何创建和使用外部XAML图像的ResourceDictionary

如何解决如何创建和使用外部XAML图像的ResourceDictionary

我想为WPF应用程序使用Visual Studio图标集中的图标，我想使用ResourceDictionaries正确地进行操作，但是它似乎比我想象的更具挑战性。

示例图标是在单独的XAML文件中提供的ViewBox，名为home_16x.xaml，XAML内容如下所示：

<Viewbox Width="16" Height="16" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
  <Rectangle Width="16" Height="16">
    <Rectangle.Fill>
      <DrawingBrush>
        <DrawingBrush.Drawing>
          <DrawingGroup>
            <DrawingGroup.Children>
              <GeometryDrawing Brush="#00FFFFFF" Geometry="F1M16,16L0,16 0,0 16,0z" />
              <GeometryDrawing Brush="#FFF6F6F6" Geometry="F1M7.8786,-0.000199999999999534L-0.000399999999999956,7.8798 -0.000399999999999956,9.4138 0.9996,10.4138 0.9996,15.9998 15.0006,10.4138 16.0006,9.4138 16.0006,7.8798 8.1206,-0.000199999999999534z" />
              <GeometryDrawing Brush="#FFF0EFF1" Geometry="F1M13,14L10,14 10,9 6,14 3,7.707 8,2.707 13,7.707z" />
              <GeometryDrawing Brush="#FF424242" Geometry="F1M0.6462,8.6461L1.3532,9.3531 2.0002,8.7071 2.0002,15.0001 7.0002,10.0001 9.0002,15.0001 14.0002,8.7071 14.6462,9.3531 15.3532,8.6461 8.0002,1.2931z M3.0002,7.7071L8.0002,2.7071 12.9992,7.7071 12.9992,14.0001 10.0002,9.0001 6.0002,14.0001 3.0002,14.0001z" />
            </DrawingGroup.Children>
          </DrawingGroup>
        </DrawingBrush.Drawing>
      </DrawingBrush>
    </Rectangle.Fill>
  </Rectangle>
</Viewbox>

如果我在页面上使用以下内容，那么它将起作用，但是那不是我想要的。似乎不太优雅，我想保持此选​​项为打开状态以切换ResourceDictionaries（用于主题）。

<Viewbox Width="400" Height="400">
    <Frame Source="\Media\Icons\Home_16x.xaml"/>
</Viewbox>

它还在设计视图中显示了以下内容，这非常令人困惑：

我真的很希望能够建立一个图标字典，我可以用类似的东西（如果可能的话，可以使用更干净的东西）来调用：

<Viewbox Width="400" Height="400">
    <Frame Content="{StaticResource ResourceKey=Icons.Home}"/>
</Viewbox>

我当前的Icons ResourceDictionary如下所示：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
    <Viewbox x:Key="Home">
        <Viewbox.Resources>
            <ResourceDictionary>
                <Frame x:Key="Home" Source="\Media\Icons\Home_16x.xaml"/>
            </ResourceDictionary>
        </Viewbox.Resources>
    </Viewbox>

</ResourceDictionary>

我承认我很迷茫。任何帮助将不胜感激。

解决方法

如果您使用可视笔刷说出一个矩形作为填充，它将拉伸到矩形的任何大小。

因此，您可以在资源字典中使用视觉画笔：

    <DrawingBrush x:Key="HomeBrush">
        <DrawingBrush.Drawing>
            <DrawingGroup>
                <DrawingGroup.Children>
                    <GeometryDrawing Brush="#00FFFFFF" Geometry="F1M16,16L0,16 0,0 16,0z" />
                    <GeometryDrawing Brush="#FFF6F6F6" Geometry="F1M7.8786,-0.000199999999999534L-0.000399999999999956,7.8798 -0.000399999999999956,9.4138 0.9996,10.4138 0.9996,15.9998 15.0006,10.4138 16.0006,9.4138 16.0006,7.8798 8.1206,-0.000199999999999534z" />
                    <GeometryDrawing Brush="#FFF0EFF1" Geometry="F1M13,14L10,14 10,9 6,14 3,7.707 8,2.707 13,7.707z" />
                    <GeometryDrawing Brush="#FF424242" Geometry="F1M0.6462,8.6461L1.3532,9.3531 2.0002,8.7071 2.0002,15.0001 7.0002,10.0001 9.0002,15.0001 14.0002,8.7071 14.6462,9.3531 15.3532,8.6461 8.0002,1.2931z M3.0002,7.7071L8.0002,2.7071 12.9992,7.7071 12.9992,14.0001 10.0002,9.0001 6.0002,14.0001 3.0002,14.0001z" />
                </DrawingGroup.Children>
            </DrawingGroup>
        </DrawingBrush.Drawing>
    </DrawingBrush>

并使用它：

    <Rectangle Fill="{StaticResource HomeBrush}" Width="16" Height="16"/>

或者您可以让矩形填充其所在网格的任何单元格，并忽略宽度和高度。 您不需要查看框即可缩放矢量，它们可以拉伸。

您也可以在路径内使用视觉刷。该路径可以定义一个具有几何形状的形状（可能来自资源），并且您的画笔可以在其中放置另一种颜色不同的几何图形。

我拥有的资源文件中的示例几何图形：

 <Geometry x:Key="BeeIcon">
    M15.551045,25.144995L16.748029,25.144995 ....
 </Geometry>

我在那里去除了很大的几何形状。

然后可以将BeeIcon在不同的图形组中重复使用，如果要构建包含多个部分的图标，这将很有用。

它们的画笔和颜色也可以来自资源字典，因此您可以将它们切换为不同的主题或品牌。