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

Question

我已修改我的 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。这些都没有提供足够的信息。

Answer 1

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

Human Interface Guidelines

希望这会有所帮助。