UITabBarItem 图片尺寸错误

Posted 2023-02-23

【中文标题】UITabBarItem 图片尺寸错误

【英文标题】：UITabBarItem Image wrong size

【发布时间】：2014-11-03 21:48:06

【问题描述】：

我正在使用带有 TabBarViewController 的情节提要。选项卡的 UIViewController 嵌入在 UINavigationViewController 中。我正在使用 .png 文件并通过属性检查器添加到视图中。在尺寸检查器中，Image Inset 的顶部、底部、左侧和右侧设置为“18”。

如果应用程序启动，图标会太小。点击选项卡后，它会将大小更改为所需的大小。

如何在不点击的情况下获得正确大小的图标？

谢谢！

【问题讨论】：

您是否在 xcassets 中提供 2 种分辨率（正常和 @2x 用于视网膜）的图像？

不，我只是将 .png (64x64) 添加到文件系统中。我需要哪些尺寸？我必须使用xcassets？！没有考虑到这一点。我该怎么做才正确？

【参考方案1】：

您必须提供两种分辨率的图片。

如果您使用 xcassets，只需将 1x 和 2x 分辨率的图像拖放到占位符上并为其命名。

如果您不使用 xcassets，请提供 2 个文件的名称：

image.png（正常分辨率）和 [e-mail]（用于视网膜）

在您的代码中只需使用 image.png 作为文件名，XCode 会自动选择正确的文件。

【讨论】：

现在我使用两种分辨率：64x64 和 128x128。在一个带有 xcassets 的 tabbarItemImage 和另一个没有 - 就像你写的两个名字一样。如果我不使用 UINavigationViewController 的大小检查器调整图像的大小，则图像的大小不适合 tabBar（太大）。如果我使用 ImageInset（大小检查器 - UINavigationViewController：所有值 18）调整大小，则图标会小很多。只有在我点击标签栏中的另一个 tabBarItem 后，图像的大小才会增加到正确的大小。你有什么想法吗？

根据推荐的icon and image sizes，标签栏图标在标准分辨率下应为 25x25，在高分辨率下应为 50x50 (@2x)。