SVG的分辨率为UIBUTTON IOS的PNG图像



我在我的Swift/iOS应用中有一个UIBUTTON,宽度为20,高度为20,内部图像。

我有一个我想在Uibutton中使用的SVG图标。当我将此SVG转换为PNG时,1x,2x和3x应该是什么分辨率?

现在我正在创建一个30x30、60x60和90x90 PNG文件,但这主要是猜测。

我应该使用,例如100x100、200x200和300x300 png文件?

这些较大的分辨率看起来更好,但也许它们需要更多的时间来加载?

另外,在Uibutton中,要设置的正确内容模式是什么?缩放以填充或填充?

您问题的答案是"取决于"。假设您希望图像准确地填充按钮。然后询问按钮的边界,这将是图像的1倍大小。2倍和3倍的尺寸将从那里进行。

至于内容模式,这取决于图像的大小与按钮的大小之间的关系。如果图像为1:1,其大小与按钮的大小无关。如果图像比按钮小或大,则上下文模式将为您提供不同的外观。

我建议您创建一个带有许多按钮的测试程序。使用一些宽阔的短图像和一些高瘦的图像。将这些图像设置在按钮上并尝试不同的内容模式以查看关系如何变化。

您应该准确地使用所需的东西,如果需要填充20点,则将有一组20、40、60像素。较大的图像是不必要的,看起来没有区别,花费更多的时间加载,更多时间渲染和增加应用程序的大小。

每个内容模式都有其自己的目的:UiviewContentModesCaleaspectFit和UiviewContentModesCaleTofill?

之间的区别

最新更新