人机界面指南 - 自定义标签栏图标的大小?

Posted

技术标签:

【中文标题】人机界面指南 - 自定义标签栏图标的大小?【英文标题】:Human Interface Guidelines - size of custom tab bar icons? 【发布时间】:2017-07-24 10:46:07 【问题描述】:

我了解我必须为不同的屏幕分辨率提供 1x、2x 和 3x 的图标大小:

标准分辨率图像的比例因子为 1.0,并被引用 作为@1x 图像。高分辨率图像的比例因子为 2.0 或 3.0,称为@2x 和@3x 图像。假设你有一个 例如,标准分辨率 @1x 为 100px × 100px 的图像。这 此图像的@2x 版本为 200px × 200px。 @3x 版本 将是 300 像素 × 300 像素。

自定义标签栏图标的大小应该是多少?我似乎在指南中找不到它。

【问题讨论】:

【参考方案1】:

根据 Apple 人机界面指南:

标签栏图标大小:

推荐 75px × 75px (25pt × 25pt @3x), 50px × 50px (25pt × 25pt @2x), 25px × 25px (25pt × 25pt @1x)

最大值 144px × 96px (48pt × 32pt @3x), 96px × 64px (48pt × 32pt @2x), 48px × 32px (48pt × 32pt @1x)

您可以在下面的链接中查看:- 链接:-https://developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons/

【讨论】:

以上是关于人机界面指南 - 自定义标签栏图标的大小?的主要内容,如果未能解决你的问题,请参考以下文章

iOS7标签栏自定义图标高度 - 高度减小直到图标变得不可见

Swift 和 Xcode - 如何创建自定义标签栏图标

Qt高级——Qt自定义标题栏

Phonegap:在标签栏中添加自定义图标

如何让自定义标签栏显示标签栏项目在 Xcode 中设置的选定图像?

在标签栏中设置自定义图标以突出显示/未突出显示