如何在 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元素上。因此，使用Image和SvgImageSource作为图标放在AppBarButton内容上。在这里，我使用了16p x 16px&nbsp;SVG 图像。原始SVG：带标签的 AppBarButton：这是其余的代码this.MyAppBarButton.Content = new Image()&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Source = new SvgImageSource()&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; UriSource = new Uri("ms-appx:///Assets/logo.svg")&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; };