我应该使用什么尺寸的图标应用栏/命令栏 https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/app-bars?

我找不到东西磁贴和图标资源指南 https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets or in UWP 应用视觉资产 https://github.com/paulthomson64/uwp-visual-assets.

_{Other names: navigation bar (iOS), app bar/action bar (Android), toolbar (Xamarin.Forms)}

图片大小

对于 100% 缩放的应用程序栏图像，默认图标大小应为 20 像素，但您还应该提供其他图像资源以确保它在所有屏幕上看起来都很棒：

appbaricon.scale-100.png - 20 px
appbaricon.scale-125.png - 25 px
appbaricon.scale-150.png - 30 px
appbaricon.scale-200.png - 40 px
appbaricon.scale-400.png - 80 px

Source

我创建了一个简单的 XAML 页面CommandBar控制和AppBarButton带有示例图像：

 <CommandBar>
     <AppBarButton>
         <AppBarButton.Icon>
             <BitmapIcon UriSource="/Assets/Sample.png" />
         </AppBarButton.Icon>
     </AppBarButton>
 </CommandBar>

我已经运行带有调试器的应用程序，发现BitmapIcon in the Live Visual Tree在 Visual Studio 中并打开其Live Property Explorer:

如您所见，图像的高度和宽度设置为 20 个与设备无关的像素。对于不同的显示缩放，它是相同的，但在屏幕上以适当的倍数呈现。

我还确认此尺寸与内置于 Segoe UI Symbol 字体的图标完全匹配AppBarButton控制。

我建议制作没有任何边距的图标图像，以便其大小尽可能与默认图像匹配