【问题标题】：UWP: icon size in app bar/command barUWP：应用栏/命令栏中的图标大小
【发布时间】：2017-01-06 22:57:06
【问题描述】：

app bar/command bar 应该使用什么尺寸的图标？

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

_{其他名称：导航栏 (iOS)、应用栏/操作栏 (Android)、工具栏 (Xamarin.Forms)}

【问题讨论】：

标签： icons win-universal-app uwp windows-10-mobile

【解决方案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

来源

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

 <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 字体的图标完全匹配。

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

【讨论】：

能否提供出处？
非常抱歉，原来是我错了，尺码其实不一样。对于造成的混乱，我深表歉意。答案现在已更新为正确的尺寸以及我得到它的方式的解释。