如何在 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 SVG 图像。

原始SVG：

带标签的 AppBarButton：

这是其余的代码

this.MyAppBarButton.Content = new Image()

        {

            Source = new SvgImageSource()

            {

                UriSource = new Uri("ms-appx:///Assets/logo.svg")

            }

        };