按钮图像得到像素化

时间:2017-11-29 13:10:36

标签: ios iphone

我在Sketch中设计了一个锁定图标,以添加到我的应用程序中的按钮:

enter image description here

我以pdf和png(2x,3x)导出它以添加到Xcode资源。问题是当我在iPhone(SE)上运行应用程序时,可以在图标的边缘看到重度像素化:

enter image description here

我尝试了pdf和png格式,但结果保持不变。我是否遗漏了需要应用于图像以使其在屏幕上看起来清晰的任何设置?

2 个答案:

答案 0 :(得分:3)

较大的UIButton图像不一定更好。尝试导出您的图标的大小与其使用的大小相同。 (请注意,与更大的图像相比,这也可以释放内存)。

适应不同的屏幕'分辨率,你应该提供最多三个图像(@ 1x,@ 2x,@ 3x)。您应该在图片大小和分辨率上阅读此优秀的Apple's documentation。它完全解释了你在Xcode中提供的图像应该有多大。

他们还可以根据图像的目的很好地解释您应该使用哪种格式。

答案 1 :(得分:0)

如果图像尺寸不正确,将会发生

检查图像的大小。 1x,2x和3x 尺寸应如下所示

  • 1x = 24x24 px
  • 2x = 48x48 px
  • 3x = 72x72 px

如果图像尺寸太大而不是ImageView,则会发生像素化

希望这会对您有所帮助

相关问题