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

Question

我应该为应用程序栏/命令栏使用什么图标大小？

我在“图块和图标资产指南”或“ UWP App视觉资产 ”中找不到任何内容。

_{其他名称：导航栏（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控件和带有示例图像的AppBarButton创建了一个简单的XAML页面：

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

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

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

我还确认了该大小与AppBarButton控件中内置的基于Segoe UI Symbol字体的图标完全匹配。

我建议使图标图像没有空白，以使其尺寸尽可能与默认图像匹配