如何在 UWP/C# 中使用 svg 文件资源设置 AppBarButton 图标

Question

Microsoft 文档指出您可以使用 SVG 矢量图形文件设置图标：https : //docs.microsoft.com/en-us/windows/uwp/design/style/icons

但是，当我尝试使用 svg 文件设置图标时，它只显示空白：

<AppBarButton Label="BitmapIcon">
    <AppBarButton.Icon>
        <BitmapIcon UriSource="ms-appx:///Svg/MyButton.svg"/>
    </AppBarButton.Icon>
</AppBarButton>

这就是我将 Svg 文件添加到我的项目的方式：在项目下我创建了一个目录“Svg”，在 Svg 文件夹中我添加了文件“MyButton.svg”。此 svg 资源文件的属性设置为：

构建操作：内容

复制到输出目录：不复制

自定义工具：

自定义工具命名空间：

Answer 1

您不能AppBarButton直接使用 .svg 文件作为图标。要将 SVG 图标文件加载到 AppBarButton.Icon 中，您可以将其转换为 PNG、字体或路径，然后使用FontIcon、BitmapIcon和PathIcon来显示它。更多详细信息，您可以查看这个类似的线程：

https://social.msdn.microsoft.com/Forums/en-US/1d32a8b5-a4e1-472b-acce-85c92380b799/uwp-how-to-load-svg-icon-into-appbarbuttonicon?forum=wpdevelop