尽管尺寸正确,但选项卡栏图标太小

Tab Bar icons too small despite being correct size

我的标签栏控制器使用 75x75 的自定义图像图标,但它们看起来很小。

它们看起来好像没有使用标签栏的整个高度,我不明白为什么。如果我将尺寸增大到 150x150,该图标不会使用下面的 space,而是与顶部边框重叠并侵占视图的其余部分。

如何让图标完全居中并使用它们可用的所有标签栏高度?

主页选项卡图像的资产目录如下所示:

75x75 像素的图像图标应该适合@3x 设备。 如果标题为 nil,则图片不会自行展开。

但是您可以使用偏移 属性 来移动图像。

转到 StoryBoard 中的尺寸检查器,并更改图像插图的底部偏移量。

有关详细信息,请参阅此 link

Moving UITabBarItem Image down?

您发布的图片实际上看起来是正确的。标签栏尊重屏幕的安全区域,标签栏按钮与底部的主页指示器有默认距离。

作为对比,这里是 App Store 应用的标签栏:

与您的屏幕截图叠加时,您可以看到图标位置相同:

您可以通过为选项卡提供标题来改进视觉设计。

如果您希望保留没有标题的标签栏按钮,您可以按照此处所述调整图像插入:Remove tab bar item text, show only image

确保在具有不同安全区域(例如 iPhone 8)和不同设备方向(如果支持)的设备上测试您的解决方案。

请注意,使用此方法您将违背 UITabBarController 的预期设计。一个更健壮和灵活的解决方案可能是用自定义 UIViewController 子类替换 UITabBarController