标签栏图标大小

Question

苹果说：

根据设备和方向，系统会显示常规或紧凑的标签栏。您的应用应包含两种尺寸的自定义标签栏图标。

不幸的是，他们未能指定您何时获得哪个。

此外，我可能会包含两种尺寸的图像，但系统会自动在它们之间切换（如何？）还是我必须自己做？

Answer 1

您不应该自己执行此操作，系统会自动执行此操作。

例如：如果您为标签栏项目使用圆形图标，您应该为纵向模式创建以下尺寸：

和横向模式：

将此图标添加到 Assets.xcassets 或某处后，您可以从故事板中选择 Tab Bar Item 图标：

选择 Tab Bar 项并在属性检查器中，为图像字段选择纵向图像，为横向字段选择横向图像。

之后，系统将为您做一切。

Answer 2

TLDR：您可以通过将 Width Class 设置为 Any & Compact 来为 Asset Catalog 中的常规或紧凑选项卡栏指定不同的图标。

是的，根据人机界面指南自定义图标 - 标签栏图标大小，您应该包括两种图标大小

在纵向模式下，标签栏图标显示在标签标题上方¹。在横向模式下，图标和标题并排显示。

¹? 这仅适用于 iPhone。在 iPad 上的全屏应用程序中，图标和标题以纵向和横向并排显示。

根据设备和方向，系统会显示常规或紧凑的标签栏。您的应用应包含两种尺寸的自定义标签栏图标。

指南讨论的是Size Classes。在这种情况下，常规或紧凑标签栏意味着常规或紧凑宽度尺寸级别的标签栏。

您可以在资产目录中为不同的尺寸类别指定不同的图像。只需设置宽度类，以Any & Compact在属性检查器为你的标签栏图标图片集：

在任意宽度部分为常规尺寸类别设置较大的图像，在紧凑宽度部分为紧凑尺寸类别设置较小的图像。

然后系统将根据尺寸类别（设备、方向、多任务配置）自动显示正确的图像。

您可以在 Human Interface Guidelines Custom Icons - Tab Bar Icon Size 中找到图标的正确图标大小。

例如，对于圆形字形，图标应为：

对于方形字形，图标应为：

宽字形和高字形还有其他尺寸。

在上面的屏幕截图中，我使用了 PDF 图像，并在属性检查器中将比例设置为Single Scale。系统会自动生成 1x、2x 和 3x PNG。