如何在另一个 XAML 文件中包含 XAML 图标

Question

我已经下载了 Visual Studio Image Library，其中包含 XAML 个图标。例如，这是文件的内容 FolderClosed_16x.xaml:

<!-- This file was generated by the AiToXaml tool.-->
<!-- Tool Version: 14.0.22307.0 -->
<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="F1M0,0L16,0 16,16 0,16z" />
              <GeometryDrawing Brush="#FFF6F6F6" Geometry="F1M1.5,1L9.61,1 10.61,3 13.496,3C14.323,3,14.996,3.673,14.996,4.5L14.996,12.5C14.996,13.327,14.323,14,13.496,14L1.5,14C0.673,14,0,13.327,0,12.5L0,2.5C0,1.673,0.673,1,1.5,1" />
              <GeometryDrawing Brush="#FFEFEFF0" Geometry="F1M1.9998,3.0004L1.9998,4.0004 8.8738,4.0004 8.3738,3.0004z" />
              <GeometryDrawing Brush="#FFDBB679" Geometry="F1M2,3L8.374,3 8.874,4 2,4z M13.496,4L10,4 9.992,4 8.992,2 1.5,2C1.225,2,1,2.224,1,2.5L1,12.5C1,12.776,1.225,13,1.5,13L13.496,13C13.773,13,13.996,12.776,13.996,12.5L13.996,4.5C13.996,4.224,13.773,4,13.496,4" />
            </DrawingGroup.Children>
          </DrawingGroup>
        </DrawingBrush.Drawing>
      </DrawingBrush>
    </Rectangle.Fill>
  </Rectangle>
</Viewbox>

我已将此文件添加到我在 Visual Studio 中的项目中。如何在另一个 XAML 文件中使用该图标？将这些行粘贴到我的 XAML 文件中会按预期工作，但我想将所有图标文件保存在一个目录中并在多个位置引用它们。这是否可以不修改图标文件？

我想在我的 MainWindow.xaml 中像这样使用它，但这不起作用：

<ContentControl Template="{StaticResource Icons/FolderClosed_16x.xaml}" />

Answer 1

您应该将 Viewbox 定义为类型或资源。

创建名为 FolderClosed_16x.
的新“UserControl”（项目->在 Visual Studio 中添加用户控件 (WPF)）

将 FolderClosed_16x.xaml 文件的内容替换为：

 <Viewbox x:Class="WpfApp1.FolderClosed_16x"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          Width="16" Height="16">
     <Rectangle Width="16" Height="16">
         <Rectangle.Fill>
             <DrawingBrush>
                 <DrawingBrush.Drawing>
                     <DrawingGroup>
                         <DrawingGroup.Children>
                             <GeometryDrawing Brush="#00FFFFFF" Geometry="F1M0,0L16,0 16,16 0,16z" />
                             <GeometryDrawing Brush="#FFF6F6F6" Geometry="F1M1.5,1L9.61,1 10.61,3 13.496,3C14.323,3,14.996,3.673,14.996,4.5L14.996,12.5C14.996,13.327,14.323,14,13.496,14L1.5,14C0.673,14,0,13.327,0,12.5L0,2.5C0,1.673,0.673,1,1.5,1" />
                             <GeometryDrawing Brush="#FFEFEFF0" Geometry="F1M1.9998,3.0004L1.9998,4.0004 8.8738,4.0004 8.3738,3.0004z" />
                             <GeometryDrawing Brush="#FFDBB679" Geometry="F1M2,3L8.374,3 8.874,4 2,4z M13.496,4L10,4 9.992,4 8.992,2 1.5,2C1.225,2,1,2.224,1,2.5L1,12.5C1,12.776,1.225,13,1.5,13L13.496,13C13.773,13,13.996,12.776,13.996,12.5L13.996,4.5C13.996,4.224,13.773,4,13.496,4" />
                         </DrawingGroup.Children>
                     </DrawingGroup>
                 </DrawingBrush.Drawing>
             </DrawingBrush>
         </Rectangle.Fill>
     </Rectangle>
 </Viewbox>

将FolderClosed_16x.xaml.cs中的基类型改为Viewbox:

 public partial class FolderClosed_16x : Viewbox
 {
     public FolderClosed_16x()
     {
         InitializeComponent();
     }
 }

像往常一样从另一个视图引用控件：
```
 <local:FolderClosed_16x />
```

Answer 2

这是我最终使用的解决方案。我的项目中有一个 xaml 文件，其中包含所有图标，它们都有一个 x:Key:

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   
    <!-- Folder Closed -->
    <Rectangle x:Key="FolderClosed" Width="16" Height="16" x:Shared="false">
        <Rectangle.Fill>
            <DrawingBrush>
                <DrawingBrush.Drawing>
                    <DrawingGroup>
                        <DrawingGroup.Children>
                            <GeometryDrawing Brush="#00FFFFFF" Geometry="F1M0,0L16,0 16,16 0,16z" />
                            <GeometryDrawing Brush="#FFF6F6F6" Geometry="F1M1.5,1L9.61,1 10.61,3 13.496,3C14.323,3,14.996,3.673,14.996,4.5L14.996,12.5C14.996,13.327,14.323,14,13.496,14L1.5,14C0.673,14,0,13.327,0,12.5L0,2.5C0,1.673,0.673,1,1.5,1" />
                            <GeometryDrawing Brush="#FFEFEFF0" Geometry="F1M1.9998,3.0004L1.9998,4.0004 8.8738,4.0004 8.3738,3.0004z" />
                            <GeometryDrawing Brush="#FFDBB679" Geometry="F1M2,3L8.374,3 8.874,4 2,4z M13.496,4L10,4 9.992,4 8.992,2 1.5,2C1.225,2,1,2.224,1,2.5L1,12.5C1,12.776,1.225,13,1.5,13L13.496,13C13.773,13,13.996,12.776,13.996,12.5L13.996,4.5C13.996,4.224,13.773,4,13.496,4" />
                        </DrawingGroup.Children>
                    </DrawingGroup>
                </DrawingBrush.Drawing>
            </DrawingBrush>
        </Rectangle.Fill>
    </Rectangle>

    <!-- more icons go here -->
</ResourceDictionary>

在使用图标的文件中，我引用了我的图标文件：

<Window.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Icons.xaml"/>
            <!-- other files can be referenced here -->
        </ResourceDictionary.MergedDictionaries>

        <!-- other resources can be defined here here -->
    </ResourceDictionary>
</Window.Resources>

在同一个文件中，我使用这样的图标：

<ContentControl Content="{StaticResource FolderClosed}" />

如何在另一个 XAML 文件中包含 XAML 图标

How to include an XAML icon in another XAML file

wpf

xaml