ios - 如何在 UITabBarItem 中垂直居中 SF Symbols 图像？

Question

我在我的 iOS 应用程序中使用 SF Symbols 图像作为选项卡图像，方法如下：

self.tabBarItem.image = UIImage(systemName: "ellipsis")

这导致所有图像都是顶部对齐的，但我想让它们垂直居中。

我该怎么做？

score 11 · Accepted Answer

显然 SF 符号默认使用系统字体大小呈现。因此，如果您将一半大小的基线偏移量添加到省略号符号，您几乎可以完全以这种方式将其垂直居中。

它几乎是完美的，因为省略号符号有它自己的高度，这个解决方案没有考虑到，即使它并不多。

self.tabBarItem.image = UIImage(systemName: "ellipsis")!.withBaselineOffset(fromBottom: UIFont.systemFontSize / 2)

score 3 · Accepted Answer

最好的解决方案，这将使您的按钮与“tabBarSystemItem：.more”相同，但可以删除标题并应用配置如下：

self.tabBarItem.image = UIImage(systemName: "ellipsis", withConfiguration: 
UIImage.SymbolConfiguration(weight: .black))!.imageWithoutBaseline()

score 0 · Accepted Answer

您必须在上设置图像插图UITabBarItem才能将图标向下移动 6 或 7 像素（取决于您的图标大小）。

我通过创建一个子类UITabBarController并将此代码添加到我的viewDidLoad方法的底部来完成此操作：

tabBar.items?.forEach({
  $0.imageInsets = UIEdgeInsets(top: 6, left: 0, bottom: -6, right: 0)
})

（您也可以在 ViewController 类中执行此操作，如果您在其中配置每个选项卡栏项。）

您也可以通过在情节提要中选择 TabBarItem 并调整信息面板中的插图来使用情节提要：

3 回答 3