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

Question

Microsoft 文档指出您可以使用 SVG 矢量图形文件设置图标:https://learn.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 资源文件的属性设置为:

BuildAction:内容

复制到输出目录:不要复制

自定义工具:

自定义工具命名空间:

Answer 1

您不能直接使用 .svg 文件作为您的 AppBarButton 图标。要将 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