UWP：圖示尺寸以應用欄/命令欄

Question

我應該使用什麼圖標大小爲app bar/command bar？

我不能Guidelines for tile and icon assets或UWP App Visual Assets找到的東西。

_{其他名稱：導航欄（IOS），應用欄/操作欄（機器人），工具欄（Xamarin.Forms）}

Answer 1

圖像尺寸

缺省圖標大小應該爲應用20個像素酒吧圖像以100％縮放，但你也應該提供更多的圖像資源，以確保它在所有屏幕上看起來不錯：

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符號基於字體圖標完全匹配。

我建議沒有任何餘量使圖標圖像，它的大小默認的圖像匹配以及可能