选项卡栏图标大小

你不应该自己做这件事,系统可以自动做。

以下是Apple人机界面指南,您可以在其中找到图标分辨率: https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/custom-icons/

例如: 如果要为选项卡栏项目使用圆形图标,则应为纵向模式创建以下尺寸:

• 75px 75px(25pt 25pt@3x)
• 50px×50px(25pt×25pt@2x)
• 25px 25px(25pt 25pt@1x)

对于横向模式:

• 54px×54px(18pt×18pt@3x)
• 36px 36px(18pt 18pt@2x)
• 18px 18px(18pt 18pt@1x)

将此图标添加到资源后。xcassets或其他地方,您可以从情节提要中选择选项卡栏项目图标:

选择选项卡栏项,然后在属性检查器中,选择“纵向图像”作为“图像”字段,选择“横向图像”作为“横向”字段。

在那之后,系统会为你做一切。

太长,读不下去了 :通过将“宽度类别”设置为“任意”,可以为资源目录中的常规或紧凑选项卡栏指定不同的图标(&契约

是的,根据人机界面指南 Custom Icons - Tab Bar Icon Size 您应该包括两种图标大小

在纵向中,选项卡栏图标显示在选项卡标题上方。在横向中,图标和标题并排显示。

¹–¾ 只有在iPhone上才是这样。在iPad全屏应用程序中,图标和标题以纵向和横向并排显示。

根据设备和方向,系统显示常规或紧凑的选项卡栏。你的应用程序应该包括两种尺寸的自定义选项卡栏图标。

指导方针正在讨论 Size Classes 。在这种情况下,常规或紧凑型选项卡栏是指常规或紧凑型宽度大小类中的选项卡栏。

可以为资源目录中的不同大小类别指定不同的图像。刚刚设置好 宽度等级 到 Any & Compact 在“属性检查器”选项卡栏图标图像集中:

在“任意宽度”区域中为“常规大小”类设置较大的图像,在“紧凑宽度”区域中为“紧凑大小”类设置较小的图像。

然后,系统将自动显示正确的图像 根据大小类别(设备、方向、多任务配置)。

您可以在人机界面指南中找到图标的正确大小 自定义图标-选项卡栏图标大小 。

例如,对于圆形图示符,图标应为:

• 25x25 pt(50x50 px@2x)用于常规凸耳条
• 18x18 pt(36x36 px@2x),用于紧凑型凸耳杆

对于方形图示符,图标应为:

• 23x23 pt(46x46 px@2x),用于常规标签条
• 17x17 pt(34x34 px@2x),用于紧凑型凸耳杆

宽图示符和高图示符还有其他尺寸。

在上面的截图中,我使用PDF图像 规模 设置为 Single Scale 在属性检查器中。系统自动生成1x、2x和3x PNG。

不幸的是,紧凑/常规状态不仅取决于方向或应用程序窗口大小,还取决于设备。

您可以找到常规/紧凑的尺寸细分 here 针对不同的设备。你应该寻找 第二个值 (例如,对于紧凑宽度, 正常高度 )。

更改发生在两种类型的图标之间 自动地 ,只要方向/应用程序窗口更改。