UWP：アプリケーションバー/コマンドバーのアイコンサイズ

Question

app bar/command barにはどのようなアイコンサイズを使用しますか？

Guidelines for tile and icon assetsまたはUWP App Visual Assetsに何かを見つけることができませんでした。

_{その他の名称：ナビゲーションバー（iOS版）、アプリバー/アクションバー（アンドロイド）、デフォルトのアイコンサイズは、アプリのために20個のピクセルである必要がありツールバー（Xamarin.Forms）}

Answer 1

画像サイズ

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 

ソース

：バー画像100％のスケーリングでは、しかし、あなたはまた、すべての画面上で見栄えを確認するために、追加の画像アセットを提供する必要があります10

私はCommandBarコントロールを持つ単純なXAMLページを作成し、サンプル画像と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フォントベースのアイコンと完全に一致することも確認しました。

アイコンイメージを余白なしで作成して、デフォルトイメージと同じサイズにすることをお勧めします