UWP应用程序包含哪些正确的AppBarButton图标大小?

时间:2016-02-22 14:43:08

标签: button icons win-universal-app windows-store appbar

注意:此问题仅与AppBarButton图标有关。

在编写适用于所有外形规格的UWP应用时,我想要包含AppBarButton图标的所有必要变体。

从我目前所读到的内容来看,似乎我需要在五个比例因子中分别使用24x24图标,即100%,125%,150%,200%和400%。换句话说,24x24,30x30,36x36,48x48,96x96。

这是对的吗?

另外,如何命名这些以便系统在给定基本名称的情况下正确选择正确的变体?

编辑:我在其他地方读到只需要一个尺寸,并且Windows UWP会在与设备无关的单位中呈现图标(即适当缩放)。

相比之下,iOS允许将多个图像包含在@ 2x和@ 3x后缀中,Android允许将图像放在特殊的子目录中,例如dir-hdpi,dir-mdpi,其中dir是基本目录名。因此,UWP似乎拥有这样的系统,并且只需要一个图标。这个修订后的理解是否正确?

1 个答案:

答案 0 :(得分:6)

你是对的:UWP应用程序根据设备呈现图标的大小。但您可以在appbar按钮中使用Segoe MDL2使用图标。有许多图标准备自动缩放。我在所有的UWP应用程序中都使用这种技术而没有任何问题。

https://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx

如果您为图标使用png图像,我建议您将此图像的大小设置为48x48像素,这是appbar图标图标的默认大小。然后,UWP系统将自动缩放图标而不会出现问题。