UWP：应用栏/命令栏中的图标大小

Question

我应该为app bar/command bar使用哪些图标尺寸？

我在Guidelines for tile and icon assets或UWP App Visual Assets中找不到任何内容。

_{其他名称：导航栏（iOS），应用栏/操作栏（Android），工具栏（Xamarin.Forms）}

Answer 1

图像尺寸

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

来源

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

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

我已经运行了附带调试器的应用，在Visual Studio的BitmapIcon中找到了Live Visual Tree并打开了它Live Property Explorer：

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

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

我建议制作没有任何边距的图标图像，以使其尺寸与默认图像相匹配