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

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

windows-10-mobile uwp win-universal-app icons

testing · 技术社区 · 8 年前

我应该为 app bar/command bar ?

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

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

1 回复 | 直到 8 年前

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 :

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

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

推荐文章

Cabuxa.Mapache · 用滑动手势关闭HamburgerMenu

7 年前

Muhammad Touseef · uwp移动配置是arm还是x64?

7 年前

testing · 合并的资源字典可以从App.xaml访问资源吗?

8 年前

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

8 年前

Keran · 什么是包/标识/名称,它对应什么?

8 年前

Richard Bailey · UWP-获取IMSI和IMEI

9 年前

Gekon · 如何读取UWP中的嵌入式资源?

9 年前

user298329 · Windows交互式通知

9 年前

David Rector · 为什么在WP10设备上的Visual Studio调试中禁用生命周期事件?

9 年前

sanair96 · Windows通用应用程序中的图像幻灯片

9 年前