具有垂直对齐图像的自定义 UITabBar

Posted 2023-03-22

【中文标题】具有垂直对齐图像的自定义 UITabBar

【英文标题】：Custom UITabBar with vertically aligned images

【发布时间】：2015-03-31 17:46:05

【问题描述】：

有没有办法让 UITabBar 只显示填充整个 TabBarItem 的图像？ 我尝试简单地放置图像并删除项目标题中的文本，但图像总是出现偏离中心（标题文本所在的区域仍然存在，我无法将图像对齐到它上面）

【参考方案1】：

在 UITabBar 中更改 UITabBarItem 的图像插图。您可以调整图像插图以使图像更大、更小、向右移动等。

【讨论】：

试过了，垂直插入在标题文本所在的区域之外不起作用。我可以使用它来将图像进一步向上移动，但这不是我想要的。

我尝试使用情节提要中的控件以及编程方式

不看代码或 Storyboard 很难说。我在 Storyboard 中尝试了一个测试项目，它似乎对我来说工作正常。

更正，插图有效，但它会导致有线视觉错误。当我在手机上运行该应用程序并点击 TabBarItem 时，如果我将手指放在 tabbarimage 上并四处移动它会导致图像变大......真奇怪。

诀窍是同时设置顶部和底部插图，使其中一个成为另一个的负值（例如 UITabBarItem.imageInsets.top = 5 AND UITabBarItem.imageInsets.bottom = -5）。另外，请记住在添加图像之前执行此操作。