代码之家  ›  专栏  ›  技术社区  ›  testing

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

  •  2
  • testing  · 技术社区  · 8 年前

    我应该为 app bar/command bar ?

    我在里面找不到东西 Guidelines for tile and icon assets 或在中 UWP App Visual Assets .

    其他名称:导航栏(iOS)、应用程序栏/操作栏(Android)、工具栏(Xamarin.Forms)

    1 回复  |  直到 8 年前
        1
  •  3
  •   Martin Zikmund    8 年前

    图像大小

    应用程序栏图像的默认图标大小应为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 控件和 AppBarButton 带有示例图像:

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

    我已运行附加了调试器的应用程序,发现 BitmapIcon 在中 Live Visual Tree 在Visual Studio中,并打开了它的 Live Property Explorer :

    enter image description here

    我还确认,此尺寸与内置于 应用栏按钮 控制

    我建议制作没有任何边距的图标图像,以便其大小尽可能与默认图像匹配