如果不在 Retina 显示屏上,选定的选项卡栏图标看起来很模糊

发布于 2024-12-23 18:14:21 字数 466 浏览 0 评论 0原文

我正在开发一个带有标签栏的 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.

screenshot of fine-looking button
screenshot of fuzzy-looking button

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

不羁少年 2024-12-30 18:14:21

当图像没有边距时,就会出现这种情况。如果添加 2px 的边距,看起来会很好:

screenshot

This appears to happen when the images don't have a margin. If you add a margin of 2px it will look fine:

screenshot

念三年u 2024-12-30 18:14:21

您应该有 2 个图像副本。一种用于普通或较旧的设备,一种用于视网膜显示屏。

您的图像应该相应地命名。

image1.png // older devices
[email protected] // for retina display. @2x is case sensitive as well

当您选择图像时,请务必选择正常图像。如果操作系统能够显示 @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.

image1.png // older devices
[email protected] // for retina display. @2x is case sensitive as well

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文