OGeek|极客世界-中国程序员成长平台

标题: ios - 按钮图像像素化 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-12 14:07
标题: ios - 按钮图像像素化

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

enter image description here

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

enter image description here

我尝试了 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/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/) Powered by Discuz! X3.4