ios - 按钮图像像素化

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

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

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

---

Best Answer-推荐答案

UIButton 的图像不一定越大越好。尝试以或多或少与将要使用的大小相同的大小导出您的图标。 (请注意，与更大的图像相比，这也会释放内存)。

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

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

编辑: 您还可以使用可以完美呈现任何分辨率的矢量资源(例如 .pdf 文件)。您可以阅读this article关于如何在您的 Xcode 项目中实现它(如果您这样做，请注意 Assets 的属性，检查 Preserve Vector Data 和 Scales to Single Scale，否则可能无法很好地渲染)。

关于ios - 按钮图像像素化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47553675/