如果不在 Retina 显示屏上,选定的选项卡栏图标看起来很模糊
我正在开发一个带有标签栏的 iPhone 应用程序。我使用矢量图形编辑器制作了选项卡栏图标并将其导出为 PNG。图标看起来不错,除非被选中。
这不会发生在视网膜显示屏上。
我使用 self.tabBarItem.image = [UIImage imageNamed:@"Symbol"]; 来设置图像。 这是实际的 PNG: https://i.sstatic.net/ChxHk.png (尽管所有图像都会发生这种情况)。
对此我能做什么?为什么会出现这种情况?
I am working on an iPhone app that has a tab bar. I made the tab bar icons using a vector graphics editor and exported them to PNG. The icons look fine, except when selected.
This doesn't happen on the retina display.
I use self.tabBarItem.image = [UIImage imageNamed:@"Symbol"];
to set the image.
Here is the actual PNG: https://i.sstatic.net/ChxHk.png (though it happens with all the images).
What can I do about this? Why does this happen?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
当图像没有边距时,就会出现这种情况。如果添加 2px 的边距,看起来会很好:
This appears to happen when the images don't have a margin. If you add a margin of 2px it will look fine:
您应该有 2 个图像副本。一种用于普通或较旧的设备,一种用于视网膜显示屏。
您的图像应该相应地命名。
当您选择图像时,请务必选择正常图像。如果操作系统能够显示 @2x 图像,它将选择它。
You should have 2 copies of the image. One for normal or older devices, and one for retina display.
Your images should be named accordingly.
When you choose your image, be sure to choose the normal image. The OS will select the @2x image if it is capable of displaying it.