菜鸟教程小白 发表于 2022-12-12 14:07:31

ios - 按钮图像像素化


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

<p> <a href="/image/2Q73p.png" rel="noreferrer noopener nofollow"><img src="/image/2Q73p.png" alt="enter image description here"/></a> </p>

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

<p> <a href="/image/w5a6B.jpg" rel="noreferrer noopener nofollow"><img src="/image/w5a6B.jpg" alt="enter image description here"/></a> </p>

<p>我尝试了 pdf 和 png 格式,但结果保持不变。我是否缺少任何需要应用以使图像在屏幕上看起来清晰的设置?</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p><code>UIButton</code> 的图像不一定越大越好。尝试以或多或少与将要使用的大小相同的大小导出您的图标。 (请注意,与更大的图像相比,这也会释放内存)。</p>

<p>为了适应不同的屏幕分辨率,您应该提供最多三个图像(@1x、@2x、@3x)。你应该阅读这篇优秀的 <a href="https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/image-size-and-resolution/" rel="noreferrer noopener nofollow">Apple&#39;s documentation</a> <strong>图像大小和分辨率</strong>。它完美地解释了您在 Xcode 中提供的图像应该有多大。</p>

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

<p>编辑:
您还可以使用可以完美呈现任何分辨率的矢量资源(例如 .pdf 文件)。您可以阅读<a href="https://www.hackingwithswift.com/example-code/xcode/how-to-use-vector-images-in-your-asset-catalog" rel="noreferrer noopener nofollow">this article</a>关于如何在您的 Xcode 项目中实现它<em>(如果您这样做,请注意 Assets 的属性,检查 Preserve Vector Data 和 Scales to Single Scale,否则可能无法很好地渲染)。</em ></p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 按钮图像像素化,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/47553675/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/47553675/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 按钮图像像素化