使用 SVG（作为 PDF）的自定义 UITabBarItem 图像在 Xcode ios 中应该是啥尺寸？

Posted 2023-03-23

【中文标题】使用 SVG（作为 PDF）的自定义 UITabBarItem 图像在 Xcode ios 中应该是啥尺寸？

【英文标题】：What size should a custom UITabBarItem image using SVG (as PDF) be in Xcode ios?使用 SVG（作为 PDF）的自定义 UITabBarItem 图像在 Xcode ios 中应该是什么尺寸？

【发布时间】：2020-06-28 15:27:53

【问题描述】：

我已修改我的 ios 应用程序中的 UITabBar 以使用自定义图标。如果我将它们设为 45x45 px png，则删除标题并更改偏移量，如下所示：

    self.tabBarItem = [[UITabBarItem alloc] init];
    self.tabBarItem.selectedImage = [[UIImage imageNamed:@"live.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    self.tabBarItem.image = [[UIImage imageNamed:@"live.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    UIEdgeInsets insets =  .left = 0, .right = 0, .top = 5, .bottom = -5 ;
    self.tabBarItem.imageInsets = insets; 

然后我得到一个尺寸正确的图像（仅限纵向），但像素化。 所以我现在尝试使用保存为 PDF 的 SVG 图像。我创建了一个新的 Xcode 图像资源，将 PDF 拖放到其中。在 Xcode Interface Builder Attributes Inspector 中选择了“Preserve Vector Data”。 但是图标大小现在取决于像素大小。我试过 20x20px（太小）和 512x512px（太大）。

我可以继续尝试不同的尺寸，直到其中一个起作用。但确实需要查看一些关于这应该如何工作的 Apple 规范，而不是试图对其进行逆向工程。 Xcode 中 SVG 和 PDF 的使用没有很好的文档记录（AFAICS）。最接近的是Custom Symbol Images 和Configuring and Displaying Symbol Images in Your UI。连同Creating Custom Symbol Images for Your App。这些都没有提供足够的信息。

【问题讨论】：

45x45px 似乎很合适

【参考方案1】：

也通过这个。您会发现每个 UI 组件的实际大小。

Human Interface Guidelines

希望这会有所帮助。

【讨论】：

感谢您的链接，但同样没有具体说明如何在 PDF 中使用 SVG，以及它应该是什么大小（45 x 45 btw）。希望是 42 ;)

我认为我们不能在 iOS 中使用 SVG 作为图像。你必须只获得指定尺寸的 PNG。

（全彩）SVG 以 45x45px 保存到 PDF 中，拖放到资产目录图像中，所有尺寸均为单一尺寸。